如何将Facebook登录添加到React Native App

npm install react-native-fbsdk --save

<key>CFBundleURLTypes</key>
<array>
  <dict>
    <key>CFBundleURLSchemes</key>
    <array>
      <string>fb{your-app-id}</string>
    </array>
  </dict>
</array>
<key>FacebookAppID</key>
<string>{your-app-id}</string>
<key>FacebookDisplayName</key>
<string>{your-app-name}</string>

#import <FBSDKCoreKit/FBSDKCoreKit.h>

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  [[FBSDKApplicationDelegate sharedInstance] application:application
                           didFinishLaunchingWithOptions:launchOptions];
  // 其他初始化代码
  return YES;
}

- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url
  sourceApplication:(NSString *)sourceApplication annotation:(id)annotation {
  return [[FBSDKApplicationDelegate sharedInstance] application:application
                                                        openURL:url
                                              sourceApplication:sourceApplication
                                                     annotation:annotation];
}

<string name="facebook_app_id">{your-app-id}</string>

import com.facebook.reactnative.androidsdk.FBSDKPackage;

@Override
protected List<ReactPackage> getPackages() {
  @SuppressWarnings("UnnecessaryLocalVariable")
  List<ReactPackage> packages = new PackageList(this).getPackages();
  packages.add(new FBSDKPackage());
  // 其他包的初始化
  return packages;
}

import React, { Component } from 'react';
import { View, Button } from 'react-native';
import { LoginButton, AccessToken } from 'react-native-fbsdk';

class FacebookLogin extends Component {
  handleFacebookLogin = () => {
    LoginManager.logInWithPermissions(['public_profile', 'email']).then(
      (result) => {
        if (result.isCancelled) {
          console.log('登录已取消');
        } else {
          AccessToken.getCurrentAccessToken().then((data) => {
            console.log(data.accessToken.toString());
          });
        }
      },
      (error) => {
        console.log('登录失败：', error);
      }
    );
  };

  render() {
    return (
      <View>
        <LoginButton
          onLoginFinished={(error, result) => {
            if (error) {
              console.log('登录失败：', error);
            } else if (result.isCancelled) {
              console.log('登录已取消');
            } else {
              AccessToken.getCurrentAccessToken().then((data) => {
                console.log(data.accessToken.toString());
              });
            }
          }}
          onLogoutFinished={() => console.log('已注销')}
        />
        <Button
          title="自定义登录按钮"
          onPress={this.handleFacebookLogin}
        />
      </View>
    );
  }
}

export default FacebookLogin;