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

Question

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

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

Answer 1

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

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

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

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

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

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

我的流程是这样的：

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