使用Provider监听其他类值异常：ProfilePage无法更新计数器

问题描述 #

在ListenFirebase类中实现了func()方法用于递增counter变量，期望在ProfilePage组件通过Provider监听该值。进入页面时在initState中调用func()方法后，counter已成功递增至5，但页面始终显示初始值0。

核心错误原因 #

1. Provider实例不统一 #

• 在initState中调用ListenFirebase().func()时，新建了一个独立的ListenFirebase实例，而页面通过context.watch<ListenFirebase>()监听的是ChangeNotifierProvider内部创建的另一个实例。
• 两个实例完全独立，你更新的是前者的counter，但页面监听的是后者，因此无法收到更新通知。

2. Provider位置错误 #

• 在build方法中返回ChangeNotifierProvider，意味着每次组件重建都会重新创建ListenFirebase实例，之前的更新会被新实例的初始值（0）覆盖。

修正方案 #

步骤1：将Provider提升到组件树高层 #

确保整个应用或页面范围内只有一个ListenFirebase实例，比如在main.dart中全局提供：

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (_) => ListenFirebase(),
      child: const MyApp(),
    ),
  );
}

步骤2：统一使用Provider中的实例 #

修改ProfilePage的代码，确保调用方法和监听的是同一个实例：

@override
void initState() {
  super.initState();
  // 获取Provider中的实例（listen: false表示不监听更新，避免initState中报错）
  final listenFirebase = Provider.of<ListenFirebase>(context, listen: false);
  listenFirebase.func();
}

@override
Widget build(BuildContext context) {
  final myCounter = context.watch<ListenFirebase>();
  return Center(
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Text("${myCounter.counter}"),
      ],
    ),
  );
}

可选优化：避免空指针与冗余判断 #

在ListenFirebase的func()方法中增加空值判断，并优化循环逻辑：

func() async {
  if (user == null) return; // 避免用户未登录时的空指针错误
  var count = 0;
  debugPrint("Inside func method ");
  final uid = user!.uid;
  final ref = FirebaseDatabase.instance.ref('uids/$uid/sessions');
  final event = await ref.once();
  
  for (final object in event.snapshot.children) {
    // 把日期判断移到外层，减少循环内的重复判断
    if (object.key == "${now.day}-${now.month}-${now.year}") {
      for (final _ in object.children) {
        count += 1;
        setCounter(count);
      }
    }
  }
}

内容的提问来源于stack exchange，提问作者Arjun Malhotra