Flutter中如何突破Provider/Consumer的6个实例限制？

Provider默认只提供到Consumer6，要新增G、H两个ChangeNotifier的话，试试这几个实用办法：

1. 嵌套Consumer #

直接在现有Consumer6内部嵌套Consumer2<G, H>，改动最小，能同时获取8个ChangeNotifier实例：

Consumer6<A, B, C, D, E, F>(
  builder: (context, a, b, c, d, e, f, child) {
    return Consumer2<G, H>(
      builder: (context, g, h, child) {
        // 这里可直接使用a、b、c、d、e、f、g、h所有实例
        return YourWidget();
      },
    );
  },
)

2. 封装组合式ChangeNotifier #

把所有关联的ChangeNotifier打包到一个自定义的ChangeNotifier类里，统一管理状态，只用一个Consumer就能访问所有实例：

class AppCombinedState extends ChangeNotifier {
  final A a = A();
  final B b = B();
  final C c = C();
  final D d = D();
  final E e = E();
  final F f = F();
  final G g = G();
  final H h = H();

  // 监听子状态变化，同步通知UI更新
  AppCombinedState() {
    a.addListener(notifyListeners);
    b.addListener(notifyListeners);
    g.addListener(notifyListeners);
    h.addListener(notifyListeners);
    // 给其余子状态添加监听
  }

  @override
  void dispose() {
    a.dispose();
    b.dispose();
    g.dispose();
    h.dispose();
    // 释放所有子状态资源
    super.dispose();
  }
}

顶层提供这个组合状态：

MultiProvider(
  providers: [
    ChangeNotifierProvider(create: (_) => AppCombinedState()),
  ],
  child: YourApp(),
)

使用时通过单个Consumer获取所有状态：

Consumer<AppCombinedState>(
  builder: (context, state, child) {
    final a = state.a;
    final g = state.g;
    // 直接访问所有需要的实例
    return YourWidget();
  },
)

3. 结合Selector优化性能 #

如果不需要监听所有8个状态的变化，用Selector代替Consumer，只选择需要的属性，减少不必要的UI重建：

Selector6<A, B, C, D, E, F, Tuple6<A,B,C,D,E,F>>(
  selector: (context, a, b, c, d, e, f) => Tuple6(a, b, c, d, e, f),
  builder: (context, data, child) {
    final a = data.item1;
    final b = data.item2;
    // 提取A-F实例
    return Selector2<G, H, Tuple2<G,H>>(
      selector: (context, g, h) => Tuple2(g, h),
      builder: (context, ghData, child) {
        final g = ghData.item1;
        final h = ghData.item2;
        // 使用所有实例构建UI
        return YourWidget();
      },
    );
  },
)

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