列表没有通过异步方法更新

Question

这是我的代码：

List<String> databaseEntryID = <String>[];

readAllData() async {
    await db.collection("users").get().then((event) {
      for (var doc in event.docs) {
        print(doc.id);
        databaseEntryID.add(doc.id);
      }
    });
  }

  readData() {
    final docRef = db.collection(databaseEntryID[0]).doc(databaseEntryID[1]);
    docRef.get().then(
          (res) => print("Successfully completed"),
      onError: (e) => print("Error completing: $e"),
    );
  }

如果我先调用readAllData（），然后再调用readData（），我会得到一个RangeError：RangeError（索引）：无效值：有效值范围为空：0。

我没有完全掌握异步是如何工作的，那么我在这里做错了什么，我如何首先更新列表，然后访问第一个和第二个字符串？




Answer 1

我在搜索后发现了这一点，应该先检查一下（我通常避免使用文档页面，因为它们太复杂了，比如，这一个就像指南一样）：https://dart.dev/codelabs/async-await

所以最简单的解决方法是：

List<String> databaseEntryID = <String>[];

readAllData() async {
    await db.collection("users").get().then((event) {
      for (var doc in event.docs) {
        print(doc.id);
        databaseEntryID.add(doc.id);
      }
    });
  }

  readData() async {
    await readAllData();

    final docRef = db.collection(databaseEntryID[0]).doc(databaseEntryID[1]);
    docRef.get().then(
          (res) => print("Successfully completed"),
      onError: (e) => print("Error completing: $e"),
    );
  }

使用await关键字从〈code〉readData〈code〉调用〈code〉readAllData〈code〉函数，以显示它需要等待其返回，然后执行〈code〉readData〈code〉方法（需要异步修饰符）。

Answer 2

对于异步，我通常实现侦听器模式。这样，当您从async接收数据时，就可以使用它了。这里发生的基本情况是，在readAllData（）结果到达之前，您无法读取Data（）。您可以做/尝试做的是：1。

readAllData() async {
    await db.collection("users").get().then((event) {
      for (var doc in event.docs) {
        print(doc.id);
        databaseEntryID.add(doc.id);
      }
      // Do here the things you might want to do when receiving an information (such as notifying the listeners..)
    });
  }

或2。

List<String> databaseEntryID = <String>[];
Boolean databaseHydrated = false;

readAllData() async {
    await db.collection("users").get().then((event) {
      for (var doc in event.docs) {
        print(doc.id);
        databaseEntryID.add(doc.id);
      }
      databaseHydrated = true;
    });
  }

  readData() {
    if(databaseHydrated) {
      final docRef = db.collection(databaseEntryID[0]).doc(databaseEntryID[1]);
      docRef.get().then(
            (res) => print("Successfully completed"),
        onError: (e) => print("Error completing: $e"),
      );
    } else {
      // Do whatever you want, like toggle a loading screen while waiting for async data ?
    }
  }

希望有帮助！