何为 Provider 包？深入解析 Provider 包

2023-10-24 10:40:19

Provider 是什么？

Provider 是一个用于状态管理的包，其作者是 Remi 新增，最近，这个包在 Google 和 Flutter 社区广受欢迎。那么什么是状态管理呢？什么又是一名状态？我们来温习一下：状态就是用来表示应用 UI 的数据。状态管理就是我们创建、获取以及处理这些数据的过程。

为什么使用 Provider？

Provider 有以下优点：

易于使用： Provider 的使用非常简单，它只需要我们继承一个 ChangeNotifier 类，然后使用一个特殊的修饰符来标识那些需要改变的数据。
灵活： Provider 非常灵活，我们可以根据自己的需要来决定在何时以及如何更新状态。
可测试： Provider 非常易于测试，我们可以使用 mockito 来模拟那些状态的更改，然后通过单元测试来验证我们的代码的正确性。

Provider 的基本用法

Provider 的基本用法非常简单，我们只需要继承一个 ChangeNotifier 类，然后使用一个特殊的修饰符来标识那些需要改变的数据。

class MyModel extends ChangeNotifier {
  int counter = 0;

  void incrementCounter() {
    counter++;
    notifyListeners();
  }
}

然后，我们就可以在其他地方使用 Provider：

final model = Provider.of<MyModel>(context);
model.incrementCounter();

Provider 的一些使用场景

Provider 有很多种使用场景，下面列出一些常见的场景：

管理应用的全局状态： 我们可以使用 Provider 来管理应用的全局状态，比如用户的当前位置、当前选中的语言等。
管理表单的状态： 我们可以使用 Provider 来管理表单的状态，比如表单的当前值、表单的有效性等。
管理页面加载的状态： 我们可以使用 Provider 来管理页面的加载状态，比如页面正在加载、页面加载成功、页面加载失败等。

一个使用 Provider 的案例

下面我们通过一个案例来帮助你理解 Provider 的工作方式：

class MyModel extends ChangeNotifier {
  int counter = 0;

  void incrementCounter() {
    counter++;
    notifyListeners();
  }
}

class MyApp extendsStatelessWidget {
  @override
  Widget build(BuildContext context) {
    final model = Provider.of<MyModel>(context);

    return Center(
      child: Column(
        children: <Widget>[
          Text('${model.counter}'),
          RaisedButton(
            onPressed: () {
              model.incrementCounter();
            },
            child: Text('Increment Counter'),
          ),
        ],
      ),
    );
  }
}