React Native Firebase - Как получить изображения из хранилища Firebase и отобразить их в компоненте Image?

Question

После получения ссылки на изображение из firebase.storage (). Ref ('asd'), как мне получить изображения здесь и назначить компоненту Image?

const ref = firebase.storage().ref('path/to/image.jpg');

<Image
  source={?}
/>

Answer 1

Вы можете вызвать getDownloadURL() для ссылки, чтобы получить URL-адрес изображения, а затем это можно передать в качестве источника URI компоненту Image, например:

const ref = firebase.storage().ref('path/to/image.jpg');
const url = await ref.getDownloadUrl();

// ... in your render

<Image
  source={{ uri: url }}
/>

Дополнительно; когда изображение сначала загружается через storage().putFile(), результат также возвращает downloadUrl, который может быть сохранен в вашем экземпляре database / firestore для дальнейшего использования при необходимости - вместо вызова getDownloadURL() каждый раз.

Документы: https://rnfirebase.io/docs/v5.x.x/storage/reference/Reference#getDownloadURL