美文网首页
状态管理-MultiProvider

状态管理-MultiProvider

作者: Jean_Lina | 来源:发表于2021-11-24 15:35 被阅读0次

🍎 多数据共享使用MultiProvider,在providers中定义所有的共享数据:

main() {
  runApp(MultiProvider(
    providers: providers,
    child: DBJMyApp(),
  ));
}

List<SingleChildWidget> providers = [
  ChangeNotifierProvider(create: (cxt) => DBJHomeViewModel(290)), //共享数据1
  ChangeNotifierProvider(
    create: (cxt) => DBJUserViewModel(
      DBJUserModel(nickName: 'jack', age: 12, sex: 'male'), //共享数据2
    ),
  ),
];

🍎 Widget中使用共享数据:

class DBJUserInfo extends StatelessWidget {
  const DBJUserInfo({Key? key}) : super(key: key);

  /// Consumer2获取共享数据
  @override
  Widget build(BuildContext context) {
    return Consumer2<DBJHomeViewModel, DBJUserViewModel>(
      builder: (cxt, homeViewModel, userViewModel, child) {
        String? nickName = userViewModel.model.nickName;
        String? sex = userViewModel.model.sex;
        int? age = userViewModel.model.age;
        return Column(
          children: [
            Text(
              '数量信息:${homeViewModel.counter}',
              style: TextStyle(fontSize: 15, color: Colors.red),
            ),
            Text(
              '用户信息:$nickName $sex $age',
              style: TextStyle(fontSize: 15, color: Colors.blue),
            ),
          ],
        );
      },
    );
  }
}

相关文章

  • 状态管理-MultiProvider

    ? 多数据共享使用MultiProvider,在providers中定义所有的共享数据: ? Widget中使...

  • Flutter学习之Provider状态管理

    如果你提供了多个状态可以使用MultiProvider 定义一个CounterModel,通过Provider组件...

  • Flutter Provider

    一、引入 二、创建 三、读取 四、改变 五、MultiProvider 六、注意事项

  • 使用Provider对Flutter应用进行状态管理

    Demo创建共享数据类 访问数据 使用Consumer -局部刷新而不是整个页面 使用Multiprovider...

  • Provider使用记录

    MultiProvider组件 在最顶层组件使用,可以创建多个顶层共享数据. 更改共享数据 点击按钮等方法里,调用...

  • 学习笔记(十八)Vuex状态管理

    Vuex状态管理 组件状态管理及组件间通信回顾 状态管理 状态集中管理和分发,解决多个组件共享状态的问题 状态自管...

  • 轻松flutter之 组件状态管理

    管理状态的最常见的方法: 方法描述自身状态管理Widget管理自己的状态。父组件管理子组件状态父Widget管理子...

  • Flutter优质文章

    状态管理系列 Flutter | 状态管理探索篇——Scoped Model(一) Flutter | 状态管理探...

  • 状态管理

    1、状态管理(1)HTTP协议中每次连接处理一个请求,当连接断开时,服务器不会记住用户曾经访问过,该特点叫做无 ...

  • 状态管理

    响应式的编程框架中都会有一个永恒的主题——“状态管理”,无论是在React/Vue(两者都是支持响应式编程的web...

网友评论

      本文标题:状态管理-MultiProvider

      本文链接:https://www.haomeiwen.com/subject/kvwntrtx.html