flutter - 如何在 Flutter 中使用多个 ChangeNotifierProvider？

Question

我最近开始使用 provider用于我的状态管理，我知道如何一次使用一个。

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ChangeNotifierProvider<Reader>(
        create: (context) => new Reader(),
        child: _HomeBody(),
      ),
    );
  }
}

但是现在我有两个不同的类，我想添加它们并且能够在我的小部件树中访问。

如何添加多个 ChangeNotifierProvider在 Flutter ?

Answer 1

一种选择(不推荐)是嵌套 2 个提供者:

ChangeNotifierProvider<Reader>(
  create: (_) => Reader(),
  child: ChangeNotifierProvider<SomethingElse>(
    create: (_) => SomethingElse(),
    child: ChangeNotifierProvider<AnotherThing>(
      create: (_) => AnotherThing(),
      child: someWidget,
    ),
  ),
),

不建议这样做，因为正如文档所述:

When injecting many values in big applications, Provider can rapidly become pretty nested:

但是，来自 Provider package itself 的另一个建议是使用 MultiProvider :

MultiProvider(
  providers: [
    ChangeNotifierProvider<Reader>(create: (_) => Reader()),
    ChangeNotifierProvider<SomethingElse>(create: (_) => SomethingElse()),
    ChangeNotifierProvider<AnotherThing>(create: (_) => AnotherThing()),
  ],
  child: _HomeBody(),
)

两种方法的工作原理相同，但第二种方法更具可读性。作为文档的话:

The behavior of both examples is strictly the same. MultiProvider only changes the appearance of the code.

示例改编自 provider flutter package page并适应您的情况。