反应原生渲染 Facebook 登录

Posted 2023-04-15

【中文标题】反应原生渲染 Facebook 登录

【英文标题】：React native render Facebook login

【发布时间】：2017-02-10 15:51:19

【问题描述】：

我正在使用 react-native 进行 facebook 登录。正如您在以下链接中看到的，我的 facebook 登录渲染存在一些问题：

为此，我首先做了：rnpm install react-native-fbsdk（安装 facebook 依赖项）。

然后我添加了基本的facebook代码教程（https://developers.facebook.com/docs/react-native/login）：

const FBSDK = require('react-native-fbsdk');
const 
    LoginButton,
 = FBSDK;

var Login = React.createClass(
    render: function() 
        return (
            <View>
                <LoginButton
                    publishPermissions=["publish_actions"]
                    onLoginFinished=
                        (error, result) => 
                            if (error) 
                                alert("Login failed with error: " + result.error);
                             else if (result.isCancelled) 
                                alert("Login was cancelled");
                             else 
                                alert("Login was successful with permissions: " + result.grantedPermissions)
                            
                        
                    
                    onLogoutFinished=() => alert("User logged out")/>
            </View>
        );
    
);

最后，我在 android 清单中添加了我的 Facebook API 密钥，如下所示： (元数据) android:name="com.facebook.sdk.ApplicationId" android:value="@string/facebook_app_id"/>

你有解决这个问题的想法吗？非常感谢您的回答！

【参考方案1】：

我找到了解决办法...

问题来自 MainApplication.java 和 MainActivity.java（在 android/app 中）。

Facebook 的文档已过期...（仅适用于 react-native 版本

【讨论】：

你是怎么解决这个问题的？我在 android 上使用 > 0.29 版本

老实说，我不记得解决方案了...但是参考我的回答，您应该查看github.com/Sachavent/Learning_React-Native/blob/master/android/… 和github.com/Sachavent/Learning_React-Native/blob/master/android/… 并将其与facebook 文档进行比较...告诉我它是否对你有帮助;)

谢谢，我用文件中的代码更新了我的代码，它工作正常。我不知道是什么问题，但它确实有效:)。