从 Flutter 中的 Firestore 检索数据后的空列表

Question

我是 Flutter 的新手，如果这个问题看起来微不足道或无关紧要，我很抱歉！

我创建了另一个用于获取和设置数据的类Repository，因为我使用 Cloud Firestore，我想要针对这个特定问题的数据存储在一个集合中，所以我将集合中的所有文档都作为 @ 987654323@，然后将所有文档添加到List<DocumentSnapshot>。

方法如下：

Future<List<DocumentSnapshot>> getCollection(CollectionReference colRef) async {
    List<DocumentSnapshot> dummyList = new List();
    await colRef.getDocuments().then((value) {
      dummyList.addAll(value.documents);
    });
    return dummyList;
  }

存储库：

CollectionReference memoriesColRef =
    _firestore
        .collection("username")
        .document("memories")
        .collection("allMem");

    List<DocumentSnapshot> documentList = new List();
    await getCollection(memoriesColRef).then((value) {
      documentList.addAll(value);
    });

毕竟，我在我的 UI 类中设置了一个方法，调用它 Repository，当我在 build 函数中调用它时，它可以完美运行，我已经传递给访问的全局列表数据，无法在其中添加值

UI 类

build(...) {
  getMemories().then((value) {
      print("value size: " + value.length.toString()); // 1
      memoriesListMap.addAll(value); // global variable
    });
  print("valSize: " + memoriesListMap.length.toString()); // 0
  print("val: " + memoriesListMap[0]["title"]); // error line
}

Future<List<Map<String, dynamic>>> getMemories() async{
    List<Map<String, dynamic>> dummyListMap = new List();

    await MemoryOper().getMemories().then((value) {
      print("memVal: " + value[0]["title"]); // appropriate value
      dummyListMap.addAll(value);
    });
    return dummyListMap;
  }

错误 RangeError (index): Invalid value: Valid value range is empty: 0\

我不知道是什么原因造成的，但请帮帮我！谢谢

编辑：

ListView.builder(
                itemBuilder: (BuildContext context, int index) {
                  String title = memoriesListMap[index]["title"]; // error prone line
                  int remind = memoriesListMap[index]["remind"];
                  String link = memoriesListMap[index]["link"];

Answer 1

除了 nvoigt 所说的之外，article 将帮助您了解如何实现 Future Builder，在您的具体情况下，您可以执行以下操作：

build(...){
..
body: getMemories(),
..
}

Widget getMemories() {
  return FutureBuilder(
    builder: (context, projectSnap) {
      if (projectSnap.connectionState == ConnectionState.none &&
          projectSnap.hasData == null) {
        return Container();
      }
      return ListView.builder(
        itemCount: projectSnap.data.length,
        itemBuilder: (context, index) {
          ProjectModel project = projectSnap.data[index];
          return Column(
            children: <Widget>[
              // Widget to display the list of project
            ],
          );
        },
      );
    },
    future: getCollection(), //this is the important part where you get the data from your Future
  );
}

Answer 2

我认为您在添加元素之前正在访问它，因为它是 async 方法。
尝试这样的事情，

build(...) {
  getMemories().then((value) {
      print("value size: " + value.length.toString()); // 1
      memoriesListMap.addAll(value); // global variable
      print("valSize: " + memoriesListMap.length.toString()); // 0
      print("val: " + memoriesListMap[0]["title"]); 
   });
}

希望它有效！