Flutter Provider：为不同Context创建独立ChangeNotifier实例

你当前的问题核心是全局注册的ChangeNotifierProvider只会创建一个Notifier实例，所有组件都会共享它。要让每个Counter组件拥有独立的Notifier，可以通过以下两种灵活的方式实现：

方法一：在组件内部嵌套Provider #

让每个Counter实例在自己的构建流程中创建并提供独有的Notifier，这样每个组件树分支都会持有独立的实例：

MultiProvider App() => MultiProvider(
      // 移除全局的Notifier注册，或者保留但Counter内部会覆盖
      providers: [
        // ...其他全局Provider
      ],
    );

class TestState extends State<Test> {
  GlobalKey<CounterState> gk1 = GlobalKey<CounterState>();
  GlobalKey<CounterState> gk2 = GlobalKey<CounterState>();

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Counter(gk1),
        Counter(gk2),
        ElevatedButton(
          onPressed: () {
            gk1.currentState?.increment(1);
            gk2.currentState?.increment(2);
          },
          child: const Text("Increment"),
        )
      ],
    );
  }
}

class Counter extends StatefulWidget {
  const Counter(super.key);

  @override
  State<Counter> createState() => CounterState();
}

class CounterState extends State<Counter> {
  late final Notifier _notifier;

  @override
  void initState() {
    super.initState();
    _notifier = Notifier();
  }

  @override
  void dispose() {
    _notifier.dispose(); // 记得销毁避免内存泄漏
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider.value(
      value: _notifier,
      child: _CounterDisplay(),
    );
  }

  void increment(int v) {
    _notifier.count += v;
  }
}

class _CounterDisplay extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final count = context.watch<Notifier>().count;
    return Text("Count: $count");
  }
}

class Notifier with ChangeNotifier {
  int _count = 0;

  int get count => _count;

  set count(int v) {
    _count = v;
    notifyListeners();
  }
}

这种方式的优势是组件自身管理Notifier的生命周期，不需要外部干预，代码内聚性强。

方法二：外部创建实例并传递给组件 #

在父组件中创建多个Notifier实例，分别传递给对应的Counter，再通过ChangeNotifierProvider.value提供给子树：

MultiProvider App() => MultiProvider(
      providers: [
        // ...其他全局Provider
      ],
    );

class TestState extends State<Test> {
  final Notifier _notifier1 = Notifier();
  final Notifier _notifier2 = Notifier();
  GlobalKey<CounterState> gk1 = GlobalKey<CounterState>();
  GlobalKey<CounterState> gk2 = GlobalKey<CounterState>();

  @override
  void dispose() {
    _notifier1.dispose();
    _notifier2.dispose(); // 手动销毁实例
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Counter(gk1, notifier: _notifier1),
        Counter(gk2, notifier: _notifier2),
        ElevatedButton(
          onPressed: () {
            gk1.currentState?.increment(1);
            gk2.currentState?.increment(2);
          },
          child: const Text("Increment"),
        )
      ],
    );
  }
}

class Counter extends StatefulWidget {
  final Notifier notifier;
  const Counter(super.key, {required this.notifier});

  @override
  State<Counter> createState() => CounterState();
}

class CounterState extends State<Counter> {
  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider.value(
      value: widget.notifier,
      child: _CounterDisplay(),
    );
  }

  void increment(int v) {
    widget.notifier.count += v;
  }
}

class _CounterDisplay extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final count = context.watch<Notifier>().count;
    return Text("Count: $count");
  }
}

class Notifier with ChangeNotifier {
  int _count = 0;

  int get count => _count;

  set count(int v) {
    _count = v;
    notifyListeners();
  }
}

这种方式适合需要在父组件中统一管理多个Notifier实例状态的场景，比如要批量重置所有计数器时更方便。

关键说明 #

• 两种方式都需要手动调用dispose()销毁Notifier实例，避免内存泄漏；
• 移除全局的ChangeNotifierProvider<Notifier>注册，否则组件会优先使用全局实例（如果需要全局和局部共存，可结合Selector或指定listen: false读取全局实例）。

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