Flutter QuerySnapshot：在 null 上调用了 getter 'docs'

Question

我收到错误“NoSuchMethodeError：在 null 上调用了 getter 'docs'。”使用以下代码：

QuerySnapshot querySnapshot;

  initiateSearch() {
    databaseMethods
        .getUserByUsername(searchTextEditingController.text)
        .then((val) {
      querySnapshot = val;
    });
  }

  Widget searchList() {
    return ListView.builder(
        itemCount: querySnapshot.docs.length,
        itemBuilder: (context, index) {
          return SearchTile(
            userName: querySnapshot.docs[index].data()["name"],
            userEmail: querySnapshot.docs[index].data()["email"],
          );
        }
    );
  }

如果有人回答为什么 querySnapshot.docs[index].data()["name"] 不起作用，我收到此错误以及如何解决它，请帮忙！

Answer 1

要重建与状态变化同步的 UI，我们应该使用状态管理，最简单的是 StatefulWidget 的 setState() 函数：

QuerySnapshot _querySnapshot;

initiateSearch() {
  databaseMethods
      .getUserByUsername(searchTextEditingController.text)
      .then((val) {
          setState(() {
             _querySnapshot = val;
          });
  });
}

并处理_querySnapshot仍为null的情况：

 Widget searchList() {
    if (_querySnapshot == null) return CircularProgressIndicator();
    return ListView.builder(
        itemCount: _querySnapshot.data.docs.length,
        itemBuilder: (context, index) {
          return SearchTile(
            userName: _querySnapshot.data.docs[index]["name"],
            userEmail: _querySnapshot.data.docs[index]["email"],
          );
        }
    );
}