Flutter 中 ChangeNotifierProvider 和 ScopedModel 的区别答案

【问题标题】：Difference between ChangeNotifierProvider and ScopedModel in FlutterFlutter 中 ChangeNotifierProvider 和 ScopedModel 的区别
【发布时间】：2019-11-15 03:05:13
【问题描述】：

我想解释一下 Flutter 中Provider package（使用ChangeNotifier 和ChangeNotifierProvider）和Scoped Model package 之间的区别。

看了这两种管理应用程序状态的方法后，我迷茫了，因为我没有发现代码编写方法有任何实质性差异。

作用域模型包使用：

class CounterModelWithScopedModel extends Model {
  int _counter = 0;
  int get counter => _counter;

  void increment() {
    _counter++;
    notifyListeners();
  }
}

class CounterAppWithScopedModel extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new ScopedModel<CounterModelWithScopedModel>(
      model: new CounterModelWithScopedModel(),
      child: new Column(children: [
        new ScopedModelDescendant<CounterModelWithScopedModel>(
          builder: (context, child, model) => new Text('${model.counter}'),
        ),
        new Text("Another widget that doesn't require scoped model")
      ])
    );
  }
}

提供程序包使用：

class CounterModelWithChangeNotifierProvider extends ChangeNotifier {
  int _counter = 0;
  int get counter => _counter;

  void increment() {
    _counter++;
    notifyListeners();
  }
}

class CounterAppWithChangeNotifierProvider extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new ChangeNotifierProvider(
      builder: (context) => CounterModelWithChangeNotifierProvider(),
      child: new Column(children: [
        new Consumer<CounterModelWithChangeNotifierProvider>(
          builder: (context, model, child) => new Text('${model.counter}')
        ),
        new Text("Another widget that doesn't require consume")
      ])
    );
  }
}

现在假设我们有另一个小部件使用increment(); 或CounterModelWithChangeNotifierProvider 和CounterAppWithScopedModel 触发通知并导致小部件被重建。

我最近接触了flutter，我对应用程序状态的管理感到很困惑，我从Notifier开始，但是在看到有无数种方法之后我不知道该怎么做。你有什么推荐的？

【问题讨论】：

标签： flutter dart

【解决方案1】：

TD;DR：

provider 不是scoped_model，但可以用来模仿scoped_model 架构。

scoped_model是一个架构，基于Listenable的一个子类：Model，即现在以ChangeNotifier的名义内置Flutter

provider 不是一种架构，而是一种传递状态和管理状态的方法。它可以用来构建scoped_model-like 架构，但它也可以做其他事情。

【讨论】：

“但它也可以做其他事情”，比如什么？
@Wecherowski 这有点宽泛。但是例如，库bloc 依赖于提供者。 Mobx 也使用它。但它们都与 scoped_model 完全无关

【解决方案2】：

Provider 是一个完整的依赖注入解决方案，具有一些非常强大的提供程序类型，可以处理样板文件，例如管理流。而 ScopedModel 使用 Model 类 + notifyListeners() 在反应性方面提供了相同的功能。

【讨论】：