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

Question

从firebase.storage((.ref('asd'(获取图像的引用后，如何在此处检索图像并将其分配给图像组件？

const ref = firebase.storage().ref('path/to/image.jpg');
<Image
source={?}
/>

Answer 1

您可以在引用上调用getDownloadURL()以获取图像的URL，然后将其作为URI源传递给图像组件，例如：

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.x.x/storage/reference/Reference#getDownloadURL

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

Answer 2

这可能晚了，但这对我有用。我向存储提出了一个单独的请求，getDownloadURL(( 在 rnfirebase v6 中的 putFile(( 上不可用。

const ref = firebase.storage().ref("images/name.jpg");
ref.getDownloadURL()
.then(url => {console.log(url)})
.catch(e=>{console.log(e);})