android - flutter/FireStore : how to display an image from Firestore in Flutter?

Question

我想将我在我的应用中使用的一些图像放入 Firestore，并从那里显示它们，而不是将它们作为 Assets bundle 在我的应用中。

为了做到这一点，我想出了以下解决方案:对于我想显示图像的项目，我创建了一个 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());