facebook graph api images GraphRequest

Question

Я пытаюсь получить изображение профиля пользователя после входа в систему, используя график FB. Я получаю URL, но не изображение

код:

async fetchProfile(callback) {

  return new Promise((resolve, reject) => {
    const request = new GraphRequest(
      '/me',
      {
        parameters: { fields: { string: 'picture.width(480),name' } }
      },
      (error, result) => {
        if (result) {
          const profile = result
          profile.avatar = `https://graph.facebook.com/${result.id}/picture`;
          resolve(profile)
        } else {
          reject(error)
        }
      }
    )

    this.requestManager.addRequest(request).start()
  })
}
}

ответ:

{
  "avatar": "https://graph.facebook.com/4567877885493457976/picture",
    "id": "4567877885493457976",
      "name": "Billy Pope",
        "picture": {
    "data": {
      "height": 389,
        "is_silhouette": false,
          "url": "https://platform-lookaside.fbsbx.com/platform/profilepic/?asid=10219826402184549&width=480&ext=1588823752&hash=AeTZXPsxkrdi79ep",
            "width": 480
    }
  }
}

Как извлечь изображение из любого из этих URL - аватар или URL? Спасибо

Answer 1

Чтобы отобразить изображение, я изменил вид так:

{this.state.picture ? (
   <Image
       source={{ uri: this.state.picture }}
       style={styles.imageStyle}
   />
) : null}

, добавив условие вместе с высотой и шириной, и изображение внезапно появилось.