Flutter中如何让一个ChangeNotifier监听另一个ChangeNotifier？

当然可以实现一个ChangeNotifier监听另一个的需求，比如你要的「FirstCounter更新时SecondCounter自动重置」效果。你的示例代码存在几个问题：直接调用FirstCounter.listen是错误的（listen是实例方法而非静态方法），且没有处理订阅的内存泄漏问题。下面是修正后的可行方案：

1. 修正基础Counter类 #

首先完善两个Counter的getter/setter，确保状态更新能正确通知监听者：

class FirstCounter extends ChangeNotifier {
  int _i = 0;

  int get i => _i;

  set i(int value) {
    _i = value;
    notifyListeners();
  }

  void increment() {
    i = i + 1;
  }
}

class SecondCounter extends ChangeNotifier {
  int _i = 0;

  int get i => _i;

  set i(int value) {
    _i = value;
    notifyListeners();
  }

  void increment() {
    i = i + 1;
  }
}

2. 实现监听逻辑（推荐方案：内部关联） #

让SecondCounter持有FirstCounter的实例，内部订阅其状态变化，同时管理订阅生命周期避免内存泄漏：

// 修改SecondCounter，添加监听逻辑
class SecondCounter extends ChangeNotifier {
  int _i = 0;
  late final FirstCounter _firstCounter;
  late final VoidCallback _unsubscribe;

  // 构造函数传入FirstCounter实例
  SecondCounter(this._firstCounter);

  int get i => _i;

  set i(int value) {
    _i = value;
    notifyListeners();
  }

  void increment() {
    i = i + 1;
  }

  // 启动监听
  void startListening() {
    // 订阅FirstCounter的通知，触发时重置自身计数
    _unsubscribe = _firstCounter.addListener(() {
      i = 0;
      notifyListeners(); // 通知自身的UI监听者更新
    });
  }

  @override
  void dispose() {
    // 取消订阅，防止内存泄漏
    _unsubscribe();
    super.dispose();
  }
}

使用方式 #

// 初始化实例并关联监听
final firstCounter = FirstCounter();
final secondCounter = SecondCounter(firstCounter);
secondCounter.startListening();

// 调用firstCounter.increment()时，secondCounter的计数会自动重置为0
firstCounter.increment();

3. 替代方案：外部统一管理监听 #

如果不想让SecondCounter依赖FirstCounter，可以在外部（比如Provider初始化、页面逻辑中）设置监听：

final firstCounter = FirstCounter();
final secondCounter = SecondCounter();

// 外部订阅FirstCounter的变化
final unsubscribe = firstCounter.addListener(() {
  secondCounter.i = 0;
  secondCounter.notifyListeners();
});

// 在合适的时机（如页面销毁）取消订阅
// unsubscribe();

关键注意点 #

• 必须持有目标ChangeNotifier的实例引用，不能通过类名直接调用监听方法
• 务必保存addListener返回的取消订阅回调，在组件/实例销毁时执行，避免内存泄漏
• 重置SecondCounter后，需要调用notifyListeners()通知它自己的UI监听者更新状态

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