Flutter如何监听Firebase数据流变动 仅在lastMessage更新时执行异步方法

核心是使用StatefulWidget自带的didUpdateWidget生命周期方法，它会在父组件重绘、传入新的widget参数时自动触发，我们只需要在这个方法里对比新旧lastMessage的值，仅当值发生变化时才调用getThisUserInfo，完全不会触发无限循环。

具体修改步骤 #

1. 在_ChatRoomListTileState类中重写didUpdateWidget方法：

@override
void didUpdateWidget(covariant ChatRoomListTile oldWidget) {
  super.didUpdateWidget(oldWidget);
  // 仅在lastMessage更新时触发用户信息拉取
  if (oldWidget.lastMessage != widget.lastMessage) {
    getThisUserInfo();
  }
}

2. （可选优化）避免异步请求返回时组件已销毁导致的异常，给getThisUserInfo的setState加mounted判断：

getThisUserInfo() async {
  print('userinfo called');
  username = widget.chatRoomId.replaceAll(widget.myUsername, "").replaceAll("_", "");
  QuerySnapshot querySnapshot = await DatabaseMethods().getUserInfo(username);
  name = "${querySnapshot.docs[0]["name"]}";
  profilePicUrl = "${querySnapshot.docs[0]["profileURL"]}";
  // 仅当组件还挂载在组件树中时才更新状态
  if (mounted) {
    setState(() {});
  }
}

补充说明 #

如果你的业务场景中不需要每次新消息都强制刷新用户资料（用户头像、昵称不会频繁变动），可以再多加一层判断，避免重复请求相同的用户信息：

@override
void didUpdateWidget(covariant ChatRoomListTile oldWidget) {
  super.didUpdateWidget(oldWidget);
  // 聊天对象变化 或者 有新消息时才拉取信息
  if (oldWidget.lastMessage != widget.lastMessage || oldWidget.chatRoomId != widget.chatRoomId) {
    getThisUserInfo();
  }
}

内容的提问来源于stack exchange，提问作者Sachin Kosalia