如何在 React Native 中从 Firebase 存储中提取图像？

Question

我能够成功设置一个将图片上传到 Firebase 存储的应用，但现在我无法在应用上显示这些图片。

如何将最新图像拉入 FlatList 或类似的可滚动组件？我已经通过 StackOverflow 查看了以前的答案，但没有运气。谢谢你！

Answer 1

当您上传文件时，您会在回调中收到snapshot。

在那里你可以找到snapshot.downloadURL。

您实际上可以将这些链接用作img 标签的src 属性。

这比显式下载和显示文件更容易。

编辑：由于可能不清楚如何在实践中使用 Firebase 存储，我想详细说明一下我曾经如何使用它。

众所周知，Firebase 存储不允许查询数据，因此没有有效的方法来存储具有关系的文件。这就是为什么您应该始终使用实时数据库来存储关系。

我的流程是这样的：

1. 上传文件到存储
2. 在 db 中存储指向文件的链接
3. 查询文件时只需查询数据库，获取所有链接并在应用中使用。