如何快速集成 Facebook 社交登录？React Native 跨平台开发全攻略

import { LoginManager, AccessToken } from 'react-native-fbsdk-next';

const handleFacebookLogin = async () => {
  try {
    const result = await LoginManager.logInWithPermissions(['public_profile', 'email']);
    if (result.isCancelled) {
      console.log('登录已取消');
      return;
    }
    const accessToken = await AccessToken.getCurrentAccessToken();
    if (accessToken) {
      // 处理登录成功的逻辑
      console.log('登录成功', accessToken);
    }
  } catch (error) {
    console.log('登录失败', error);
  }
};

import { GraphRequest, GraphRequestManager } from 'react-native-fbsdk-next';

const fetchUserInfo = (accessToken) => {
  const graphRequest = new GraphRequest(
    '/me',
    {
      parameters: {
        fields: 'id,name,email,picture.type(large)'
      },
      accessToken: accessToken.tokenString
    },
    (error, result) => {
      if (error) {
        console.log('获取用户信息失败', error);
      } else {
        console.log('用户信息', result);
      }
    }
  );
  new GraphRequestManager().addRequest(graphRequest).start();
};

import { AccessToken } from 'react-native-fbsdk-next';

const checkLoginStatus = async () => {
  const accessToken = await AccessToken.getCurrentAccessToken();
  if (accessToken) {
    // 用户已登录
    console.log('用户已登录');
  } else {
    // 用户未登录
    console.log('用户未登录');
  }
};