Flutter入门

Flutter中Provide使用

第一步

//创建Provide第一步,混入一个ChangeNotifier,调用notifyListeners();方法通知所有监听器数据已经改变
class Counter with ChangeNotifier {
  int value = 0;

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

第二步

//在入口声明Provider,没有声明无法使用
void main() {
  var providers = Providers();
  var counter = Counter();
  providers..provide(Provider<Counter>.value(counter)); //两个点代表构建者模式
  //修改runApp的模式
  runApp(ProviderNode(child: MyApp(), providers: providers));
}

第三步,存储数据

class MyButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: RaisedButton(
        onPressed: (){
          Provide.value<Counter>(context).increment();
        },
        child: Text('递增'),
      ),
    );
  }
}

第四步,展示数据

class Number extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.only(top: 300),
      child: Provide<Counter>(
        builder: (context,child,counter){
          return Text("${counter.value}");
        },
      ),
    );
  }
}