美文网首页
flutter_riverpod状态管理的使用

flutter_riverpod状态管理的使用

作者: 夏天爱西瓜汁 | 来源:发表于2025-04-21 17:44 被阅读0次
// 创建provider
final tProvider = StateProvider<int>((ref) {
  return 0;
});
Widget build(BuildContext context, WidgetRef ref) {
    final num = ref.watch(tProvider);//watch获取值

    return TextButton(
      onPressed: () {
      ref.read(tProvider.notifier).state++;//read修改值
      ref.listen<int>(tProvider, (previous, next) {
        //tProvider要监听的provider
        //previous旧值,状态变化前,第一次监听时为null
        //next新值,状态变化后(当前的值)
        //listen一般在build方法里调用,确保在widget初始化时就会开始监听
        //...要做的操作,如显示弹框、toast等
      });
    }, 
    child: Text('num:$num'),
    );
  }

相关文章

  • flutter_riverpod基础使用

    第一种: 1.全局增加ProviderScope 2.增加一个全局的store.dart文件,用于注册各个业务使用...

  • Flutter如何状态管理

    目录介绍 01.什么是状态管理 02.状态管理方案分类 03.状态管理使用场景 04.Widget管理自己的状态 ...

  • flutter Provider的用法

    Provider 是状态管理的官方推荐的状态管理的库.flutter官方文档针对状态管理还提供了使用Provide...

  • 状态管理Bus的使用

    Bus 1. 父子组件之间通信 父传子 props 子传父 $emit 事件触发 2. 兄弟之间传值 同一父组件兄...

  • 使用Vuex管理状态

    安装Vuexnpm install vuex --save用来管理从后台获取的状态数据以下代码以首页Msite为例...

  • Flutter学习笔记状态管理学习之bLoc

    Flutter学习笔记 状态管理学习之bLoc 1.创建一个状态管理 首先使用Stream来实现的bLoc状态管理...

  • React的state状态管理

    在使用react的状态管理的过程,如果我们不使用封装好的状态管理工具的话,我们就需要对state进行状态的提升的时...

  • 学习vue2.0笔记(第五章下)

    状态管理插件vuex 状态管理机制 安装 import导入,注册,实例化, 全局使用store, 通过this.$...

  • vuex 原理解析

    vuex的原理关键:使用vue实例管理状态

  • vuex基础

    1.vuex是什么? 状态管理模式,集中式存储管理,多组件需要共享状态时使用vuex 1.1状态管理模式 单个组件...

网友评论

      本文标题:flutter_riverpod状态管理的使用

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