推荐开源项目：React Native FBSDK Next —— 社交整合的必备工具

React Native FBSDK Next 是一个用于React Native应用程序的Facebook SDK，旨在简化Facebook登录和分享功能的集成。

以下是如何安装和设置React Native FBSDK Next的示例：

1. 首先，确保你的React Native环境已经设置好，并且你可以运行一个基本的React Native项目。
2. 使用npm安装React Native FBSDK Next：

npm install --save react-native-fbsdk-next

3. 对于iOS，你可能需要在Xcode中进行一些设置：

   • 在ios/<YourProjectName>/目录下，打开AppDelegate.m文件，并确保你有以下代码：

   
   
   
   #import "RCTFBSDKAppEvents.h"
    
   ...
    
   - (BOOL)application:(UIApplication *)application
   didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
   {
       [[RCTFBSDKAppEvents alloc] init];
       ...
   }

   • 确保在Info.plist中添加了必要的URL方案（Scheme），例如：

   
   
   
   <key>CFBundleURLTypes</key>
   <array>
       <dict>
           <key>CFBundleTypeRole</key>
           <string>Editor</string>
           <key>CFBundleURLSchemes</key>
           <array>
               <!-- TODO: Replace this value with your Facebook app ID -->
               <string>fb[your-app-id]</string>
           </array>
       </dict>
   </array>

4. 对于Android，确保在android/app/build.gradle文件中添加了Facebook的maven仓库：

allprojects {
    repositories {
        ...
        maven { url 'https://developers.facebook.com/sdk/android' }
    }
}

然后，在AndroidManifest.xml中添加必要的权限和Activity：

<uses-permission android:name="android.permission.INTERNET" />
 
...
 
<activity
    android:name="com.facebook.FacebookActivity"
    android:configChanges="keyboard|keyboardHidden|screenLayout|screenSize|orientation"
    android:label="@string/app_name" />
 
<activity
    android:name="com.facebook.CustomTabActivity"
    android:exported="true">
    <intent-filter>
        <action android:name="android.intent.action.VIEW" />
        <category android:name="android.intent.category.DEFAULT" />
        <category android:name="android.intent.category.BROWSABLE" />
        <data android:scheme="fb[your-app-id]" />
    </intent-filter>
</activity>

5. 最后，初始化SDK并使用LoginManager进行登录：

import {
  LoginButton,
  AccessToken,
  GraphRequest,
  GraphRequestManager,
} from 'react-native-fbsdk-next';
 
// Initialization
componentDidMoun