2017-06-07 126 views
0

我試圖檢索所有用戶的朋友個人資料圖片以在列表視圖中呈現它們。獲取用戶朋友的個人資料圖片React-native

我得到所有用戶的朋友是在這個圖形請求的應用:

`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, 
    },` 

回答

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},它給你錯誤的網址。

相關問題