Flutter / FireStore：如何在 Flutter 中显示来自 Firestore 的图像？

Question

我想将我在应用中使用的一些图像放到 Firestore 中，并从那里显示它们，而不是将它们作为资产捆绑在我的应用中。

为了做到这一点，我想出了以下解决方案：对于我要显示图像的项目，我创建了一个 Firebase 文档，其中我有一个字段，该字段存储了存储相应图片的文件的名称：

document
- name
- description
- imageName

然后，我将同名图片上传到 FireStore。

当我要显示图片时，可以通过StreamBuilder成功获取文档，并提取imageName属性。

我还创建了必要的 FireStore 引用：

FirebaseStorage storage = new FirebaseStorage(
    storageBucket: 'gs://osszefogasaszanhuzokert.appspot.com/'
  );
StorageReference imageLink = storage.ref().child('giftShopItems').child(documentSnapshot['imageName']);

但是，我似乎无法将其传递给 Image.network() 小部件。

是否可以按我喜欢的方式显示图像，还是应该使用不同的图像提供程序？

Answer 1

您需要来自 StorageReference imageLink 的 .getDownloadURL() 来获取存储 URL 链接：

final imageUrl = await imageLink.getDownloadUrl();
Image.network(imageUrl.toString());