显示未来列表功能firebase getx

Question

我正在尝试创建一个用户供稿，就像使用Firebase＆amp;的Twitter一样。 getx。
在代码段中是我的函数。

List<PostModel> postListFromSnapshot(QuerySnapshot snapshot) {
return snapshot.docs.map((doc) {
  return PostModel(
    id: doc.id,
    text: (doc.data() as dynamic)["text"] ?? "",
    creator: (doc.data() as dynamic)["creator"] ?? "",
    timestamp: (doc.data() as dynamic)["timestamp"] ?? 0,
  );
}).toList();
}

Future<List<PostModel>> getFeed() async {
List<String> usersFollowing = await UserService() //['uid1', 'uid2']
    .getUserFollowing(FirebaseAuth.instance.currentUser!.uid);

QuerySnapshot querySnapshot = await FirebaseFirestore.instance.collection("posts").where('creator', whereIn: usersFollowing)
.orderBy('timestamp', descending: true)
.get();

return postListFromSnapshot(querySnapshot);
}

我想做的是显示未来函数getFeed（），我正在使用getX进行状态管理。因此，我的问题是如何使用listView.builder（）显示此函数的结果

，这是我使用未来构建器的方式

FutureBuilder(
  future: _.listPost,
  initialData: [PostModel(id: "2", creator: "Fm", text: "Testing", timestamp: Timestamp.now())],
  builder: (BuildContext context, AsyncSnapshot snapshot){
    if(snapshot.hasData == null){
      return Text("Data is available");
    } else{
      return ListView.builder(
        shrinkWrap: true,
        itemCount: snapshot.data.toString().length,
        itemBuilder: (context, index){
          PostModel posts = snapshot.data[index];
          return Column(
            children: [
              Text(posts.text)
            ],
          );
        },
      );
    }
  },
)

，这是我遇到的错误

The following NoSuchMethodError was thrown building:
The method '[]' was called on null.
Receiver: null
Tried calling: [](3)

也指出了
的错误 PostModel Post Line .. [索引]准确地说

Answer 1

首先，使您的asyncsnapshot快照 asyncsnapshot＆lt; list＆lt; postmodel＆gt;＆gt;＆gt;快照。这不是您的主要问题，但是要使正确的键入并且不必猜测dynamic，这将使事情变得容易得多。

您的问题是Hasdata是bool。它是true或false，但从不null。我想知道您是如何超越编译器的。您是否正在使用过时的版本的颤音？您应该检查一下，您的编译器是您的朋友，如果没有适当的帮助，这将是一条艰难而艰难的道路。

无论如何，您应该检查是否有数据，如果没有数据，您仍在等待：

FutureBuilder(
  future: _.listPost,
  builder: (BuildContext context, AsyncSnapshot<List<PostModel>> snapshot){
    if(!snapshot.hasData){
      return CircularProgressIndicator();
    } else {
      final postList = snapShot.requireData;

      return ListView.builder(
        shrinkWrap: true,
        itemCount: postList .length,
        itemBuilder: (context, index){
          final post = postList[index];
          return Column(
            children: [
              Text(post.text)
            ],
          );
        },
      );
    }
  },
)