如何在 React Native 中显示 Facebook 用户名？

Question

我可以使用 facebook api 登录我的应用程序。我想显示这样的欢迎消息：嗨，（facebook 名称）。我该怎么做？我试过显示：嗨，{displayName} 但它没有用。

//这是登录界面

async loginWithFacebook() {
   const { type, token } = await 
     Expo.Facebook.logInWithReadPermissionsAsync('717955408626729', 
      { permissions: ['email']['public_profile'] })

    if (type == 'success') {
        const credential = firebase.auth.FacebookAuthProvider.credential(token)             

        firebase.auth().signInWithCredential(credential).catch((error) => 
      {

        })
           }
      }

render() {
    return (

        <View>
            <Image
                source={require('../assets/logo2.png')}
                style={{ height: 280, width: 350, marginTop: -210 }}

            />
            <View>
                <Text>Benvenuto!</Text>

            </View>
            <TouchableOpacity
                onPress={() => this.loginWithFacebook()}>
                <Text>Accedi con Facebook</Text>
            </TouchableOpacity>
        </View>

    );
}

}

Answer 1

你可以使用这个，如果你能得到一个 Facebook 名字。

const data =  { "displayName": "Mattia Cannavò", "email": null,
   "emailVerified": false, "isAnonymous": false, "lastLoginAt": "1566314114729",
    "phoneNumber": null, "photoURL": "graph.facebook.com/2177408949049079/picture",
     "providerData": Array [ { "displayName": "Mattia Cannavò", 
     "email": "mattiacannavo08@gmail.com", "phoneNumber": null, 
     "photoURL": "graph.facebook.com/2177408949049079/picture", 
     "providerId": "facebook.com", "uid": "2177408949049079", } ] };

<Text>{`Hi ${data.displayName} `}</Text>

如何在 React Native 中显示 Facebook 用户名？

How can I display facebook user name in react native?

authentication

mobile

facebook

firebase

react-native