首页 > 解决方案 > 如何在函数中使用存储在 firestore 云数据库中的数据在列表或数组中填充/存储 NetworkImage 小部件

问题描述

我在颤振中使用了一个名为 carousel pro 的插件,它需要一个NetworkImage列表才能在轮播中显示图像,我无法制作一个可以从以下 firestore 云数据库填充 NetworkImage 的函数:-

在此处输入图像描述

我想使用存储在bannerUrl 中的url 列出NetworkImage 请帮我解决这个问题

标签: firebaseflutterdartgoogle-cloud-firestoreflutter-dependencies

解决方案


是的,我想出了一个功能来解决这个问题。

这里是 :-

bool imagesFilled = false;
List<NetworkImage> bannerImages = [];

Future getBanners() async {

    var firestore = Firestore.instance;
    QuerySnapshot qn = await firestore.collection("banners").getDocuments();
    int len = await qn.documents.asMap().length;
    NetworkImage a;
    if(!imagesFilled){
      for (int i = 0;i< len; i++){
        a = NetworkImage(qn.documents.asMap()[i].data['bannerUrl']);
        bannerImages.add(a);
      }
      imagesFilled = true;
    }
    return qn.documents.asMap();
  }

和繁荣!您将获得名为bannerImages的列表中的所有图像


推荐阅读