flutter - Flutter 中 ChangeNotifierProvider 和 ScopedModel 的区别

标签 flutter dart

我想解释 Provider package 之间的区别(使用 ChangeNotifierChangeNotifierProvider )和 Scoped Model package在 flutter 中。

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

作用域模型包用法:

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")
      ])
    );
  }
}

现在假设我们有另一个小部件通过 CounterModelWithChangeNotifierProviderCounterAppWithScopedModelincrement(); 触发通知并导致小部件重建。

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

最佳答案

TD;DR:

provider 不是 scoped_model 但可用于模拟 scoped_model 架构。


scoped_model 是一种架构,基于 Listenable 的子类:Model,现在内置于 Flutter 中,名称为 ChangeNotifier

provider 不是一种架构,而是一种传递状态和管理状态的方法。 它可以用于制作类似scoped_model的架构,但它也可以做其他事情。

关于flutter - Flutter 中 ChangeNotifierProvider 和 ScopedModel 的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56886805/

相关文章:

flutter - 如何在 flutter 中更改应用栏标题

dart - 如何测试文件是否可写 (CLI)

dart - 在 flutter 中更改日期时间格式,只保留日期

dart - Flutter 有状态小部件 - 单击按钮时保存状态的问题

dart - 如何显式指定变量为动态类型?

Flutter Sliver 拉动刷新

installation - "flutter doctor"不工作

flutter - 如何告诉dart不要将map转换为<String, String>类型并让它为<String, Object>类型?

ios - 如果设置 io.flutter.embedded_views_preview 为 true,则无法正常运行 flutter 项目

flutter - 如何反转给定单词中的阿拉伯字母并保存字母的形式?