FutureBuilder未更新ListView内数据，新增内容需重启应用才显示

你当前代码里用Firestore.instance.collection('posts').where(...).get()是一次性获取数据的操作，只会在组件初始化时拉取一次数据库内容，不会监听后续的数据库变动，所以新增帖子后界面不会自动刷新，必须重启应用重新获取数据。

解决方法是改用StreamBuilder替代FutureBuilder，利用Firestore的snapshots()方法获取实时数据流：

StreamBuilder(
  stream: FirebaseFirestore.instance
      .collection('posts')
      .where('uid', isEqualTo: widget.uid)
      .snapshots(),
  builder: (context, AsyncSnapshot<QuerySnapshot> snapshot) {
    if (snapshot.connectionState == ConnectionState.waiting) {
      return Center(child: CircularProgressIndicator());
    }
    if (!snapshot.hasData || snapshot.data!.docs.isEmpty) {
      return Center(child: Text('暂无帖子'));
    }
    return GridView.builder(
      shrinkWrap: true,
      itemCount: snapshot.data!.docs.length,
      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
        crossAxisCount: 3,
        crossAxisSpacing: 5,
        mainAxisSpacing: 2,
        childAspectRatio: 1,
      ),
      itemBuilder: (context, index) {
        // 解析帖子数据
        final post = snapshot.data!.docs[index].data() as Map<String, dynamic>;
        // 替换成你的帖子UI构建逻辑
        return Container(
          margin: EdgeInsets.all(2),
          color: Colors.grey[100],
          child: Text(post['content'] ?? ''),
        );
      },
    );
  },
)

关键说明 #

• snapshots()会返回一个持续的数据流，每当指定集合里的文档（比如新增、修改、删除帖子）发生变化时，都会推送新的查询快照。
• StreamBuilder会自动监听这个数据流，一旦有新快照就会重新执行builder方法，更新界面内容，实现实时显示的效果。

内容的提问来源于stack exchange，提问作者Rahul Dua