Flutter官方推荐的状态管理库-Provider简单入门

最近几年崛起的新一代的GUI开发方式，几乎都是组件式开发。代表就是Vue React Flutter等。

组件开发一时爽，状态传递就很蛋疼了。比如A和B组件没有上下级关系，也不是层级相近的兄弟组件。这时候如果要把A的状态传递到B，就需要用到一个概念- 状态管理

常用的状态管理库

在flutter中，有很多状态管理库，比如RxDart、MobX、GetX、Provider等等。
其中Provider是官方推荐的一个状态管理库，也是几乎每个flutter使用者必备的一个状态库

安装Provider

  provider: ^6.0.4

创建一个Model

import 'package:flutter/cupertino.dart';

class TestModel extends ChangeNotifier {
  int _counter = 0;

  int get counter => _counter;

  Add() {
    _counter += 1;
    notifyListeners();
  }
}

使用Provider

void main() {
  runApp(ChangeNotifierProvider(
    create: (context) => TestModel(),
    child: const MyApp(),
  ));
}

监听修改

Consumer<TestModel>(
                  builder: (context, value, child) =>
                      Text("ok:${value.counter}"),
                ))

触发修改

Provider.of<TestModel>(context, listen: false).Add();