在开发前端应用时，社交媒体的集成是一个很重要的部分。其中，Facebook 就是最受欢迎的社交媒体之一。如果你的应用需要用户使用他们的 Facebook 帐户进行登录，那么 react-native-facebook-login-2 将是一个非常方便的 npm 包，它提供了使用 Facebook 帐户登录到 React Native 应用程序的所有功能。
安装 react-native-facebook-login-2
在开始使用这个包之前，你必须先安装它。使用 npm，可以在项目的根目录中运行以下命令：
--- - -----------------------------
配置 Facebook 应用程序
在使用 react-native-facebook-login-2 包之前，你需要在 Facebook 上创建一个应用程序。按照以下步骤进行操作：
登录你的 Facebook 帐户。
点击“添加新应用程序”，然后选择“添加新应用程序”。
输入应用程序名称和联系人电子邮件地址，然后点击“创建应用程序 ID”。
在“设置”选项卡中，找到“基本”选项卡。将“应用程序 ID”复制到你的项目中。
将“应用程序 ID”输入“App ID”栏中。
在“产品”选项卡中，找到“Facebook 登录”。点击“设置”。
找到“有效 OAuth 重定向 URI”栏。输入“localhost”和“http://localhost:8080”，然后保存更改。
集成 react-native-facebook-login-2
完成了上述步骤后，你现在可以开始使用 react-native-facebook-login-2 包了。按照以下步骤进行操作：
- 打开项目中的“App.js”文件，并将以下代码添加到该文件的开头：
------ ----- ---- --------------------- ----- - ------------- ----------- - - ------
- 在需要使用 Facebook 登录的屏幕中，将以下代码添加到该屏幕的开头：
------ - ------------ ----------- - ---- -------------------------------- ------ - ----- - ---- ---------------
- 添加以下代码到该屏幕的主体：
------------
-----------------
------- ------- -- -
-- ------- -
------------------ --- ------ - - --------------
- ---- -- -------------------- -
------------------ -- -------------
- ---- -
-----------------------------------------
------ -- -
----------------------------------------
-
-
-
-
-
-------------------- -- -------------------------- 运行应用程序，并单击 Facebook 登录按钮。这将弹出一个 Facebook 登录对话框。在输入你的 Facebook 帐户信息后，你将登录到你的 React Native 应用程序，同时会在控制台上看到你的 Access Token。
结论
使用 react-native-facebook-login-2 包，你可以非常方便地集成 Facebook 登录到你的 React Native 应用程序中。在这篇文章中，我们讨论了如何安装和配置这个包，并提供了使用代码示例，希望这将帮助你使用这个包并获得更多收益。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600562f181e8991b448e0aac