Flutter中两个StreamBuilder其一无限加载问题排查

你的问题核心是**_userController从未向流中推送数据**，导致监听它的StreamBuilder一直处于等待数据的状态（无限加载）。

具体分析： #

• 消息流getMessage能正常工作，是因为你通过_fetchStream创建了基于Future的Stream，并且应该将数据注入到了_messageController中（从下方StreamBuilder的正常表现可推断）。
• 但用户流getUser对应的_fetchUserList仅异步获取数据并赋值给_users，却没有把数据发送到_userController的流里，所以监听getUser的StreamBuilder永远收不到数据，一直显示加载指示器。

修复步骤： #

1. 修改_fetchUserList，在获取到用户列表后，通过_userController推送数据：

Future<List<String>> _fetchUserList(String roomId) async {
  Chatroom roomInfo = Chatroom.fromJson(await ChatroomService.getRoomInfo(roomId));
  _users = roomInfo.users;
  // 关键操作：将数据注入到controller的流中
  _userController.add(roomInfo.users);
  return roomInfo.users;
}

2. 确保在合适的时机（比如页面初始化阶段）调用_fetchUserList，触发数据获取与流推送。

额外优化建议： #

• 不要在StreamBuilder的builder方法中直接修改_streamSocket.users这类外部状态，直接使用snapshot.data渲染UI即可，避免不必要的重绘和状态混乱。
• 如果需要同时监听多个流的状态，可以使用StreamZip或combineLatest合并流，统一处理多流数据。

内容的提问来源于stack exchange，提问作者Ryan Byoun