Flutter中跨页面传递参数后如何持续监听并更新参数值？

问题原因 #

你跳转时传递的是当前Patient对象的静态副本，和Firebase后端数据没有绑定，后端数据更新后副本不会自动同步，所以返回详情页不会刷新。以下是3种可行的解决方案，不需要在所有页面都加全量集合的StreamBuilder：

方案1：详情页监听单文档流（推荐） #

只在详情页监听对应单个患者的文档流，性能开销极低，实现简单：

1. 给Patient类新增id字段，存储对应Firebase文档的唯一ID
2. 在FirebaseApi中新增单文档监听方法：

Stream<Patient> getSinglePatient(String patientId) {
  return FirebaseFirestore.instance
      .collection('Patients')
      .doc(patientId)
      .snapshots()
      .map((doc) => Patient.fromFirestore(doc));
}

3. ViewPatientScreen内部用StreamBuilder监听单文档流，布局直接使用流返回的最新数据即可，后端数据更新会自动触发页面刷新：

class ViewPatientScreen extends StatelessWidget {
  final String patientId;
  // 跳转时可以直接传patientId，也可以传Patient对象后取id字段
  const ViewPatientScreen({super.key, required this.patientId});

  @override
  Widget build(BuildContext context) {
    return StreamBuilder<Patient>(
      stream: FirebaseApi().getSinglePatient(patientId),
      builder: (context, snapshot) {
        if (!snapshot.hasData) return const CircularProgressIndicator();
        final patient = snapshot.data!;
        // 剩余页面布局直接使用patient变量即可
        return ...;
      }
    );
  }
}

方案2：状态管理全局同步 #

如果项目已经接入Provider、Riverpod、Bloc这类状态管理组件，可以直接用状态同步实现：

1. 将列表页StreamBuilder监听的患者列表存储在全局可访问的状态容器中
2. EditPatientScreen修改数据完成后，同步更新全局状态中对应患者的信息
3. ViewPatientScreen直接绑定全局状态中的对应患者数据，状态变化会自动触发页面刷新

方案3：路由返回回调刷新 #

适合小型项目，改动量最小，无需新增流监听：

1. 在ViewPatientScreen跳转编辑页时，监听路由返回值：

//  ViewPatientScreen内部跳转编辑页的代码
final isUpdated = await Navigator.of(context).push(
  MaterialPageRoute(builder: (context) => EditPatientScreen(patient: currentPatient))
);
// 编辑成功返回后手动拉取最新数据刷新页面
if (isUpdated == true) {
  // 调用接口拉取最新患者数据，调用setState刷新即可
}

2. 在EditPatientScreen修改完成返回时，携带成功标识：

// 数据修改成功后执行
Navigator.of(context).pop(true);

内容的提问来源于stack exchange，提问作者Njm Jeb