React Native Firebase - 如何从 Firebase 存储中检索图像并在 Image 组件中显示？

Question

从 firebase.storage().ref('asd') 获取图像的 ref 后，如何在此处检索图像并分配给 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 }}
/>

文档：

v5：https : //rnfirebase.io/docs/v5.xx/storage/reference/Reference#getDownloadURL

v6：https : //invertase.io/oss/react-native-firebase/v6/storage/reference/reference#getDownloadURL