如何从React Native中的Firebase存储中提取图像?

时间:2018-01-29 22:56:57

标签: firebase react-native firebase-storage

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

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

1 个答案:

答案 0 :(得分:2)

上传文件时,您会在回调中收到snapshot

在那里你可以找到snapshot.downloadURL

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

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

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

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

我的流程是这样的:

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