在现代的移动应用中，社交媒体平台的集成逐渐成为了必需品。Facebook SDK 提供了许多功能，例如登录、分享、广告等等。如果你正在使用 React Native 开发应用，那么你会需要一个专门为 React Native 设计的 Facebook SDK。今天，我们将介绍一个NPM包，它就是 @marysieek/react-native-fbsdk。
安装
添加 @marysieek/react-native-fbsdk 依赖包：
npm install @marysieek/react-native-fbsdk
或
yarn add @marysieek/react-native-fbsdk
配置
iOS
- 首先在你的 Xcode 项目目录中打开 Info.plist，在里面添加以下内容：
-- -------------------- ---- ------- ------------------------ --------------------------------- ------------------------------ ----------------------------------- -------------------------------------- ------- ---------------------- --------------------------------- ------------------------ --------------------------------- --------
- 打开 Xcode 项目设置，在 Info 标签页中找到 URL Types，在里面添加你的 Facebook 应用 ID。同时，如果你还想要分享功能，你还需要添加可选的分享扩展 ID。
Android
- 配置 AndroidManifest.xml 文件：
-- -------------------- ---- -------
--------- ----------------------------------------------------------
----------------------------------------
------------ --------------------------------
-----------------------------------
---- -------- ----------- --- ------------ ----- ---
---------- ---------------------------------------------
-----------------------------------------
--------- --------------------------------------------
----------------------
-------------------------------------------------------------
-------------------------------- --
---------
---------------------------------------------
------------------------
---------------
------- -------------------------------------------
--------- ------------------------------------------------
--------- --------------------------------------------------
----- ------------------------------------------------- --
----------------
-----------
--------------
------------ 在 Android project/module 的 build.gradle 文件中添加以下依赖：
dependencies {
implementation 'com.facebook.android:facebook-android-sdk:5.15.3'
}- 在 strings.xml 文件中添加以下内容：
<string name="facebook_app_id">YOUR_FACEBOOK_APP_ID</string> <string name="fb_login_protocol_scheme">fbYOUR_FACEBOOK_APP_ID</string>
使用
获取用户基本信息
-- -------------------- ---- -------
------ - ------------- ----------- - ---- -------------------------------
----- -------- -------------- -
--- -
----- ------ - ----- ------------------------------------------------------
-- -------------------- -
------ ----- --------- --- ----- ---------
-
----- ---- - ----- ------------------------------------
-- ------- -
------ ---------- ---- ----- --------- ------ -------
-
----- -------- - ----- -------------------------------------------------------------------------------------------------------------------
----- ---- - ----- ----------------
------ -----
- ----- --- -
------ ------ ------- ---- ----- ----- ------
-
-分享内容
-- -------------------- ---- -------
------ - ----------- - ---- --------------------------------
-------- --------------------- -
----- ------------ - -
------------ -------
----------- ------------
------------- --------------
------------------- --------------------
--------- ----------------
--
---------------------------------------
----------------- -
-- --------- -
------ -------------------------------
-
-
-------
---------------- -
-- -------------------- -
------------------ ------------
- ---- -
------------------ ------- ---- ------- -- ---------------
-
--
--------------- -
------------------ ---- ---- ------ -- -------
-
--
-
总的来说，@marysieek/react-native-fbsdk 是一个非常多功能而且非常易于使用的 React Native Facebook SDK。无论你是需要登录还是分享等其他功能，都可以在此 NPM 包中找到对应的方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055aa581e8991b448d81ea