如何在 React Native 中进行 Facebook 登录?

Posted

技术标签:

【中文标题】如何在 React Native 中进行 Facebook 登录?【英文标题】:How To Do Facebook Login in React Native? 【发布时间】:2020-01-23 14:42:53 【问题描述】:

我想在我的 React Native 应用程序中使用 Facebook 登录。

https://developers.facebook.com/docs/react-native/configure-android 我使用了这个文档,但是在完成这些步骤后运行 react-native run-android 代码。我遇到了

* What went wrong:
Execution failed for task ':app:transformDexArchiveWithExternalLibsDexMergerForDebug'.

这个错误。试过gradlew clean,但没有运行

【问题讨论】:

【参考方案1】:

如果你只想在 facebook 上登录,这个包就是你想要的 https://github.com/facebook/react-native-fbsdk,如果你使用 firebase 登录,这个包是 https://github.com/invertase/react-native-firebase/tree/master/packages/auth。

如果您的 react native 项目使用的是 android 10 ,那么您的错误也是因为 multidex : build.gradle

 android 
        defaultConfig 
            ...
            minSdkVersion 15
            targetSdkVersion 28
            multiDexEnabled true
        
        ...
    

    dependencies 
      implementation 'com.android.support:multidex:1.0.3' // android < 10
      implementation 'androidx.multidex:multidex:2.0.1' // android 10
    

manifest.xml

    <?xml version="1.0" encoding="utf-8"?>
    <manifest xmlns:android="http://schemas.android.com/apk/res/android"
        package="com.example.myapp">
        <application
                android:name="android.support.multidex.MultiDexApplication" >
            ...
        </application>
    </manifest>

MainAplication.java

    public class MyApplication extends MultiDexApplication  ... 

【讨论】:

以上是关于如何在 React Native 中进行 Facebook 登录?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 React Native 中进行 Facebook 登录?

react-native 调用原生方法

如何在 React Native 中使用断点进行调试

如何在 React Native 中使用 switch 进行条件渲染?

如何在 react-native 中处理 promise

如何在 react-native webView 和 React web-app 之间进行通信?