最近几年崛起的新一代的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();