首页 文章

Flutter / FireStore:如何在Flutter中显示来自Firestore的图像?

提问于
浏览
1

我想把我在我的应用程序中使用的一些图像放到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() 小部件 .

是否可以按照我想要的方式显示图像,或者我应该使用不同的图像提供者?

1 回答

  • 1

    您需要下载URL:

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

相关问题