Flutter中StreamBuilder启动时不渲染组件，需热重启才能加载Firebase用户

• 异步逻辑时序错误
  你定义的getAllUsers方法中，reference.forEach(...)是异步操作，会在后面的yield users执行之后才会遍历填充users数组。所以流第一次输出的是空数组，之后Firebase返回数据时你没有再次yield更新后的列表，自然不会触发StreamBuilder重建。热重启能生效是因为热重启时之前的异步请求已经返回，缓存了数据，重启后初始化时users已经有值才会被正确yield。
• 列表数据累加错误
  你在方法内声明的List<Usern> users = []是全局复用的，后续Firebase有新的快照推送时，会往旧数组里重复追加用户，导致数据重复。
• 没有正确复用Firestore的原生流
  Firestore的snapshots()本身就是可直接订阅的Stream，不需要手动遍历监听，直接做数据转换即可。

第一步：改写getAllUsers方法 #

Stream<List<Usern>> getAllUsers() {
  return firestore.collection("users").snapshots().map((snapshot) {
    // 每次新快照生成新的列表，避免数据累加
    return snapshot.docs.map((doc) => Usern.fromJSON(doc.data())).toList();
  });
}

第二步：补充StreamBuilder的异常处理（可选，推荐添加） #

可以在builder逻辑里增加snapshot.hasError的分支，方便排查网络、权限类问题：

StreamBuilder<List<Usern>>(
  stream: getAllUsers(),
  builder: (context, snapshot) {
    if (snapshot.hasError) {
      return Text("加载失败: ${snapshot.error}");
    }
    if (snapshot.hasData) {
      final List<Usern> data = snapshot.data!;
      return Row(
        children: data.map((element) => GestureDetector(
          onTap: () {
            print("my id is:$myid");
            createChatRoom(myid, element.id);
          },
          child: Container(
            width: 50,
            height: 50,
            decoration: const BoxDecoration(shape: BoxShape.circle),
            child: Column(
              children: [
                Expanded(
                  child: CircleAvatar(
                    radius: 20.0,
                    backgroundImage: NetworkImage(element.profilePicture),
                  ),
                ),
                const SizedBox(height: 20),
                Text(element.displayName.split(" ")[0]),
              ],
            ),
          ),
        )).toList(),
      );
    }
    return const Text("Loading");
  }
)

StreamBuilder是否只有在流新增数据时才会触发构建，还是也会读取已有历史数据完成构建？
StreamBuilder订阅流之后，流每发出一个值都会触发构建，包括流的初始值。Firestore的snapshots()流订阅后会立即返回当前集合的全量数据作为第一个事件，不需要等待数据变更，完全可以满足启动就加载全量用户的需求。

内容的提问来源于stack exchange，提问作者Milan Poudel