react-native - 使用 react native 访问 facebook

Question

我在 react native 中使用 fbsdk。我能够获得 facebook 登录页面。但我希望当我点击登录时，它应该从 facebook 获取年龄、名字、性别等详细信息并显示它。

这是facebook登录的代码。

应用程序.js

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

 export default class Login extends Component {
  render() {
    return (
      <View>
         <LoginButton
      onLoginFinished={
        (error, result) => {
          if (error) {
            console.log("login has error: " + result.error);
          } else if (result.isCancelled) {
            console.log("login is cancelled.");
          } else {
            AccessToken.getCurrentAccessToken().then(
              (data) => {
                console.log(data.accessToken.toString())
              }
            )
          }
        }
      }
      onLogoutFinished={() => console.log("logout.")}/>
     </View>
   );
  }
});

我需要在这段代码中添加什么，以便从 facebook 获取详细信息并显示它。

标签： react-native

Answer 1

您需要导入LoginManagerfrom react-native-fbsdk，并在 onclick 函数上使用以下代码

    LoginManager.logInWithReadPermissions(["details_you_need_from_logged_in_profile"]).then(
  function(result) {
    if (result.isCancelled) {
      console.log("Login was Cancelled");
    } else {
      console.log(
        "Login was a Success" + result.grantedPermissions.toString()
      );
    }
  },