Question

我试图检索所有用户的好友资料图片，以便在列表视图中呈现这些图片。

我通过此图表请求获取应用程序中所有用户的朋友：

`const infoRequest = new GraphRequest(
      '/me',
         {
           parameters: {
               fields: {
                        string: 'email, name, first_name, middle_name, 
                 last_name, picture.type(large), cover, birthday, location, friends'
                    }
                }
            },
            this._responseInfoCallback
        );`

然后，我试图用这个功能渲染他朋友的个人资料照片

`renderFriends() {
      if(this.state.user != null) {
        return this.state.user.friends.data.map(friend =>
          <View>
            <Image
              source={{uri:'https://graph.facebook.com/{friend.id}/picture?
                        type=large'}}
              style={styles.profilePicture}
            />
            <Text key={friend.id} >{friend.name}</Text>
          </View>
        )
      }
    }`

正确渲染所有名称但不渲染图像。

您可以查看下面图片的样式：

`profilePicture: {
    height: 120,
    width: 120,
    borderRadius: 60,
    marginTop: height / 15,
  },`

Answer 1

更改

{{ uri: 'https://graph.facebook.com/{friend.id}/picture?type=large' }}

通过

{{ uri: 'https://graph.facebook.com/' + friend.id + '/picture?type=large' }}

{friend.id}没有被朋友ID替换，它被解释为文字字符串{friend.id}，它会为您提供错误的网址。

获取用户的朋友的个人资料图片React-native

1 个答案: