Flutter中使用Provider

前言.相当于全局变量,只要一改数据,引用到的地方就会自动刷新UI。
1.导入provider: 5.0.0
2.写model类

class User extends ChangeNotifier{
  String _name;
  String _gender;
  User(this._name, this._gender);

  set setName(String value) {
    _name = value;
    notifyListeners();
  }

  String get gender => _gender;

  String get name => _name;

  // Provider.of<User>(context,listen: false).setGender="famale";
  set setGender(String value) {
    _gender = value;
    notifyListeners();
  }
  // Provider.of<User>(context,listen: false).setName2("famale");
  void setName2(String value){
    _name = value;
    notifyListeners();
    print('setName2 call');
  }

}
class Order extends ChangeNotifier{
  int _id;
  String _name;

  Order(this._id, this._name);

  String get name => _name;

  int get id => _id;

  set name(String value) {
    _name = value;
    NotificationListener();
  }

  set id(int value) {
    _id = value;
    NotificationListener();
  }
}

3.类似注册:
(1)单个对象

runApp(
    ChangeNotifierProvider<User>.value(
    child: MaterialApp(
      home: MyApp(),
    ),
      value: User('yuren','fame'),
    )
    );

(2)多个对象MultiProvider

  runApp(
      MultiProvider(
      providers: [
      //以下两种创建都可以,如果是同一个model类,则使用最近的,即使用 User('yagao','lala')
        //ChangeNotifierProvider(create: (_)=>User('SSG', '男')),
        ChangeNotifierProvider<User>.value(value: User('T1','男男')),
        ChangeNotifierProvider<User>.value(value: User('yagao','lala')),
        ChangeNotifierProvider(create: (_)=>Order(1,'alibaba'))
      ],
      child: MaterialApp(
        home: MyApp(),
      )
  )
  );

4.引用

Text("name:${Provider.of<User>(context).name},gender:${Provider.of<Order>(context).name}")

5.修改,结果就是引用的地方都刷新了。

        floatingActionButton: FloatingActionButton(
          onPressed: () {
            Provider.of<User>(context,listen: false).setName2("gunsitan");
            Provider.of<User>(context,listen: false).setGender="famale";
            Provider.of<Order>(context,listen: false).name ='order tencent';
          },
          child: Icon(Icons.add),
        ),

注意:这里的listen: false一定要带上,以前的不要,现在新的要,不然报错。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值