当前位置: 首页 > news >正文

flutter 常见的状态管理器

flutter 常见的状态管理器

  • 前言
  • 一、Provider
  • 二、Bloc
  • 三、Redux
  • 四、GetX
  • 总结


前言

在这里插入图片描述

当我们构建复杂的移动应用时,有效的状态管理是至关重要的,因为应用的不同部分可能需要共享数据、相应用户交互并保持一致的状态。Flutter 中有多种状态管理解决方案,下面详细介绍一些常见的状态管理方式:Provider、Bloc 和 Redux、getx 等等一些管理工具。


一、Provider

Provider: Provider 是 Flutter 社区广泛使用的状态管理库,它使用了 InheritedWidget 和 ChangeNotifier 的概念来实现状态共享和更新。Provider 适用于中小型应用或对于简单状态共享的情况。

  • InheritedWidget: InheritedWidget 是 Flutter 中的一种特殊的小部件,允许其子部件在其上方访问共享数据。
  • ChangeNotifier: ChangeNotifier 是一个基类,可以帮助我们实现“可观察”的对象,它包含了状态并通知监听者当状态发生改变。

Provider 的工作原理是将数据模型(Model)包装在 ChangeNotifierProvider 中,然后通过 Consumer 或 Provider.of 来访问和监听状态变化。这种方式适用于相对简单的状态管理需求,如表单数据、主题等。

二、Bloc

Bloc(Business Logic Component): Bloc 是一种状态管理模式,专注于将业务逻辑从 UI 层分离出来。Bloc 模式建议将应用程序的状态、事件和业务逻辑分离开来,使应用更容易维护和测试。

  • States: 状态表示应用程序的不同状态,如加载中、成功、失败等。
  • Events: 事件表示用户操作或应用内的触发动作,例如按钮点击、数据请求等。
  • Bloc: Bloc 将状态和事件联系起来,根据事件的发生来改变状态。

Bloc 模式通常与第三方库 flutter_bloc 一起使用,该库提供了 BlocProviderBlocBuilder 等小部件来简化状态管理。

三、Redux

Redux: Redux 是一种通用的状态管理模式,最初用于 Web 应用,但也在 Flutter 中得到广泛应用。Redux 的核心思想是将应用的状态存储在一个全局的状态存储容器中,状态只能通过派发动作(Actions)来修改,从而实现单一数据源、可预测的状态变化。

  • Store: 全局的状态存储容器,保存应用的状态。
  • Actions: 表示状态的变化,需要一个类型和一些数据。
  • Reducers: 根据接收到的 Action,更新状态并返回新的状态。
  • Selectors: 用于从状态中选择特定的数据。

在 Flutter 中使用 Redux 需要使用第三方库,如 flutter_redux,该库提供了用于连接 Flutter 应用和 Redux Store 的小部件。

四、GetX

GetX 是一个在 Flutter 中提供状态管理和依赖注入的强大工具包。它为开发者提供了一种简单、高效的方式来管理应用程序的状态和依赖关系。下面让我们详细讲解一下 GetX 的状态管理器部分。

  1. 状态管理:

在 GetX 中,状态管理使用了名为 Rx 的类来表示可观察的数据。Rx 类是 GetX 的核心概念之一,它允许你将数据转换为可被监听的流,并且可以在数据发生变化时通知观察者。以下是一些重要的 Rx 类:

RxInt, RxDouble, RxString, …: 用于表示整数、浮点数、字符串等类型的可观察数据。
RxList, RxSet, RxMap: 用于表示集合类型的可观察数据。
RxBool: 用于表示布尔类型的可观察数据。
RxNotifier: 用于自定义对象的可观察数据。
dart

// 示例:使用 RxInt
final count = RxInt(0);// 监听数据变化
ever(count, (value) {print('Count changed to $value');
});// 更新数据
count.value++;
  1. 状态更新:

使用 GetX 更新状态非常简单。你可以直接通过 .value 属性来更新可观察数据的值。GetX 会自动通知订阅了该数据的观察者。

final count = RxInt(0);// 更新数据
count.value++; // 通知观察者数据变化
  1. 依赖注入:

GetX 也提供了依赖注入的功能,使得在应用中的不同部分共享实例变得容易。你可以使用 Get.put() 方法来注册实例,并且使用 Get.find() 来获取已注册的实例。

class MyController extends GetxController {// Your controller code
}// 注册控制器实例
Get.put(MyController());// 获取实例
MyController myController = Get.find<MyController>();
  1. GetBuilder 和 Obx:

GetBuilder: 这是一个小部件,它可以根据可观察数据的变化来重建部件树。你可以使用 GetBuilder 将小部件与可观察数据关联,使其在数据变化时自动重建。
Obx: 这是一个更轻量级的小部件,适用于只需要监听一个可观察数据的情况。你可以通过 Obx(() => YourWidget()) 的方式来实现。
5. 其他功能:

GetX 还提供了很多其他有用的功能,如路由管理、导航、国际化等,使得开发过程更加高效。你可以通过 Get.to() 和 Get.off() 等方法来进行页面导航,通过 Get.putAsync() 来异步注册依赖项等。


总结

无论选择哪种状态管理方式,都需要根据应用的规模、复杂性和开发团队的偏好来做出决定。这些状态管理模式的核心目标是有效地管理应用的状态,使代码结构清晰、易于维护,并提供良好的开发体验。

总体来说,GetX 是一个功能强大且易于学习的状态管理和依赖注入工具包,适用于各种规模和复杂度的 Flutter 应用程序。它的简洁语法和高性能使得开发者可以更专注于业务逻辑,而无需过多关注状态管理的细节。

相关文章:

flutter 常见的状态管理器

flutter 常见的状态管理器 前言一、Provider二、Bloc三、Redux四、GetX总结 前言 当我们构建复杂的移动应用时&#xff0c;有效的状态管理是至关重要的&#xff0c;因为应用的不同部分可能需要共享数据、相应用户交互并保持一致的状态。Flutter 中有多种状态管理解决方案&#…...

Kotlin的Map

在 Kotlin 中&#xff0c;Map 是一种键值对的集合数据结构&#xff0c;用于存储一组关联的键和值。Kotlin 标准库提供了 Map 接口和多种实现类&#xff0c;使得操作和处理键值对数据更加方便。下面详细描述 Kotlin 的 Map 的用法&#xff1a; 创建 Map Kotlin 提供了几种方式…...

STM32 串口复习

按数据通信方式分类&#xff1a; 串行通信&#xff1a;数据逐位按顺序依次传输。传输速率较低&#xff0c;抗干扰能力较强&#xff0c;通信距离较长&#xff0c;I/O资源占用较少&#xff0c;成本较低。并行通信&#xff1a;数据各位通过多条线同时传输。 按数据传输方向分类&…...

VScode替换cmd powershell为git bash 终端,并设置为默认

效果图 步骤 1. 解决VScode缺少git bash的问题_failed to start bash - is git-bash.exe on the syst_Rudon滨海渔村的博客-CSDN博客效果解决步骤找到git安装目录下的/bin/bash.exe&#xff0c;复制其绝对路径&#xff0c;例如D:\Program Files\Git\bin\bash.exe把路径的右斜…...

网络基础(一)桥接网络

网络基础知识 桥接网络 桥接网络是一种网络设计技术&#xff0c;其目的是将两个或多个网络段连接在一起&#xff0c;使它们在逻辑上表现为单个网络。这通过使用网络桥来实现&#xff0c;网络桥工作在数据链路层&#xff08;第2层&#xff09;&#xff0c;只关心MAC地址&#…...

C#程序变量统一管理例子 - 开源研究系列文章

今天讲讲关于C#应用程序中使用到的变量的统一管理的代码例子。 我们知道&#xff0c;在C#里使用变量&#xff0c;除了private私有变量外&#xff0c;程序中使用到的公共变量就需要进行统一的存放和管理。这里笔者使用到的公共变量管理库划分为&#xff1a;1)窗体&#xff1b;2)…...

信息熵,信息增益,增益率的理解

西瓜数据集D如下: 编号色泽根蒂敲声纹理脐部触感好瓜1青绿蜷缩浊响清晰凹陷硬滑是2乌黑蜷缩沉闷清晰凹陷硬滑是3乌黑蜷缩浊响清晰凹陷硬滑是4青绿蜷缩沉闷清晰凹陷硬滑是5浅白蜷缩浊响清晰凹陷硬滑是6青绿稍蜷浊响清晰稍凹软粘是7乌黑稍蜷浊响稍糊稍凹软粘是8乌黑稍蜷浊响清晰…...

二级MySQL(一)——基本概念与方法

数据库系统的核心是【数据库管理系统】 E-R图提供了表示信息世界中的方法&#xff0c;主要有实体、属性和【联系】 E-R图是数据库设计的工具之一&#xff0c;一般适用于建立数据库的【概念模型】 将E-R图转换到关系模式时&#xff0c;实体与联系都可以表示成【关系】 关系数…...

13 Web全栈 pnpm

什么是pnpm&#xff1f; 可以理解成performant npm缩写 速度快、节省磁盘空间的软件包管理器 特点 快速- pnpm比其他包管理器快2倍高效- node_modules中的文件链接自特定的内容寻址存储库支持monorepos- 内置支持单仓多包严格- pnpm默认创建了一个非平铺的node_modules 因此代…...

回归预测 | MATLAB实现CSO-BP布谷鸟优化算法优化BP神经网络多输入单输出回归预测(多指标,多图)

回归预测 | MATLAB实现CSO-BP布谷鸟优化算法优化BP神经网络多输入单输出回归预测&#xff08;多指标&#xff0c;多图&#xff09; 目录 回归预测 | MATLAB实现CSO-BP布谷鸟优化算法优化BP神经网络多输入单输出回归预测&#xff08;多指标&#xff0c;多图&#xff09;效果一览…...

JavaScript中的事件冒泡和事件捕获机制

聚沙成塔每天进步一点点 ⭐ 专栏简介⭐ 事件冒泡和事件捕获机制⭐ 事件冒泡&#xff08;Event Bubbling&#xff09;⭐ 事件捕获&#xff08;Event Capturing&#xff09;⭐ 停止事件传播⭐ 写在最后 ⭐ 专栏简介 前端入门之旅&#xff1a;探索Web开发的奇妙世界 记得点击上方或…...

秋招面经——结合各方面试经验

Mysql mysql事务 共享锁与排他锁 共享锁&#xff1a;允许一个事务去读一行&#xff0c;阻止其他事务获得相同数据集的排他锁。&#xff08;读都允许读&#xff0c;但我在读不允许你去改&#xff09; 排他锁&#xff1a;允许一个事务去读一行&#xff0c;阻止其他事务获得相同…...

Python random模块用法整理

随机数在计算机科学领域扮演着重要的角色&#xff0c;用于模拟真实世界的随机性、数据生成、密码学等多个领域。Python 中的 random 模块提供了丰富的随机数生成功能&#xff0c;本文整理了 random 模块的使用。 文章目录 Python random 模块注意事项Python random 模块的内置…...

【Redis从头学-5】Redis中的List数据类型实战场景之天猫热销榜单

&#x1f9d1;‍&#x1f4bb;作者名称&#xff1a;DaenCode &#x1f3a4;作者简介&#xff1a;啥技术都喜欢捣鼓捣鼓&#xff0c;喜欢分享技术、经验、生活。 &#x1f60e;人生感悟&#xff1a;尝尽人生百味&#xff0c;方知世间冷暖。 &#x1f4d6;所属专栏&#xff1a;Re…...

基于Python的HTTP代理爬虫开发初探

前言 随着互联网的发展&#xff0c;爬虫技术已经成为了信息采集、数据分析的重要手段。然而在进行爬虫开发的过程中&#xff0c;由于个人或机构的目的不同&#xff0c;也会面临一些访问限制或者防护措施。这时候&#xff0c;使用HTTP代理爬虫可以有效地解决这些问题&#xff0…...

时序预测 | MATLAB实现WOA-CNN-LSTM鲸鱼算法优化卷积长短期记忆神经网络时间序列预测

时序预测 | MATLAB实现WOA-CNN-LSTM鲸鱼算法优化卷积长短期记忆神经网络时间序列预测 目录 时序预测 | MATLAB实现WOA-CNN-LSTM鲸鱼算法优化卷积长短期记忆神经网络时间序列预测预测效果基本介绍模型描述程序设计学习总结参考资料 预测效果 基本介绍 时序预测 | MATLAB实现WOA-…...

每日一题之二进制中1的个数

二进制中1的个数 问题描述&#xff1a; 输入一个整数 n &#xff0c;输出该数 32 位二进制表示中 1 的个数。其中负数用补码表示。 科普一下有符号数的三种表示&#xff1a;原码、反码和补码&#xff0c;可能有时候遗忘了。 真值&#xff1a;带有符号位的机器数&#xff08;一…...

8.17校招 内推 面经

绿泡泡&#xff1a; neituijunsir 交流裙&#xff0c;内推/实习/校招汇总表格 1、校招 | 腾讯2024校园招聘全面启动(内推) 校招 | 腾讯2024校园招聘全面启动(内推) 2、校招 | 大华股份2024届全球校园招聘正式启动(内推) 校招 | 大华股份2024届全球校园招聘正式启动(内推) …...

VScode搭建Opencv(C++开发环境)

VScode配置Opencv 一、 软件版本二 、下载软件2.1 MinGw下载2.2 Cmake下载2.3 Opencv下载 三、编译3.1 cmake-gui3.2 make3.3 install 四、 VScode配置4.1 launch.json4.2 c_cpp_properties.json4.3 tasks.json 五、测试 一、 软件版本 cmake :cmake-3.27.2-windows-x86_64 Mi…...

Redis高可用:哨兵机制(Redis Sentinel)详解

目录 1.什么是哨兵机制&#xff08;Redis Sentinel&#xff09; 2.哨兵机制基本流程 3.哨兵获取主从服务器信息 4.多个哨兵进行通信 5.主观下线和客观下线 6.哨兵集群的选举 7.新主库的选出 8.故障的转移 9.基于pub/sub机制的客户端事件通知 1.什么是哨兵机制&#xf…...

浅谈 React Hooks

React Hooks 是 React 16.8 引入的一组 API&#xff0c;用于在函数组件中使用 state 和其他 React 特性&#xff08;例如生命周期方法、context 等&#xff09;。Hooks 通过简洁的函数接口&#xff0c;解决了状态与 UI 的高度解耦&#xff0c;通过函数式编程范式实现更灵活 Rea…...

多云管理“拦路虎”:深入解析网络互联、身份同步与成本可视化的技术复杂度​

一、引言&#xff1a;多云环境的技术复杂性本质​​ 企业采用多云策略已从技术选型升维至生存刚需。当业务系统分散部署在多个云平台时&#xff0c;​​基础设施的技术债呈现指数级积累​​。网络连接、身份认证、成本管理这三大核心挑战相互嵌套&#xff1a;跨云网络构建数据…...

深入剖析AI大模型:大模型时代的 Prompt 工程全解析

今天聊的内容&#xff0c;我认为是AI开发里面非常重要的内容。它在AI开发里无处不在&#xff0c;当你对 AI 助手说 "用李白的风格写一首关于人工智能的诗"&#xff0c;或者让翻译模型 "将这段合同翻译成商务日语" 时&#xff0c;输入的这句话就是 Prompt。…...

label-studio的使用教程(导入本地路径)

文章目录 1. 准备环境2. 脚本启动2.1 Windows2.2 Linux 3. 安装label-studio机器学习后端3.1 pip安装(推荐)3.2 GitHub仓库安装 4. 后端配置4.1 yolo环境4.2 引入后端模型4.3 修改脚本4.4 启动后端 5. 标注工程5.1 创建工程5.2 配置图片路径5.3 配置工程类型标签5.4 配置模型5.…...

基于ASP.NET+ SQL Server实现(Web)医院信息管理系统

医院信息管理系统 1. 课程设计内容 在 visual studio 2017 平台上&#xff0c;开发一个“医院信息管理系统”Web 程序。 2. 课程设计目的 综合运用 c#.net 知识&#xff0c;在 vs 2017 平台上&#xff0c;进行 ASP.NET 应用程序和简易网站的开发&#xff1b;初步熟悉开发一…...

循环冗余码校验CRC码 算法步骤+详细实例计算

通信过程&#xff1a;&#xff08;白话解释&#xff09; 我们将原始待发送的消息称为 M M M&#xff0c;依据发送接收消息双方约定的生成多项式 G ( x ) G(x) G(x)&#xff08;意思就是 G &#xff08; x ) G&#xff08;x) G&#xff08;x) 是已知的&#xff09;&#xff0…...

el-switch文字内置

el-switch文字内置 效果 vue <div style"color:#ffffff;font-size:14px;float:left;margin-bottom:5px;margin-right:5px;">自动加载</div> <el-switch v-model"value" active-color"#3E99FB" inactive-color"#DCDFE6"…...

从零开始打造 OpenSTLinux 6.6 Yocto 系统(基于STM32CubeMX)(九)

设备树移植 和uboot设备树修改的内容同步到kernel将设备树stm32mp157d-stm32mp157daa1-mx.dts复制到内核源码目录下 源码修改及编译 修改arch/arm/boot/dts/st/Makefile&#xff0c;新增设备树编译 stm32mp157f-ev1-m4-examples.dtb \stm32mp157d-stm32mp157daa1-mx.dtb修改…...

C++中string流知识详解和示例

一、概览与类体系 C 提供三种基于内存字符串的流&#xff0c;定义在 <sstream> 中&#xff1a; std::istringstream&#xff1a;输入流&#xff0c;从已有字符串中读取并解析。std::ostringstream&#xff1a;输出流&#xff0c;向内部缓冲区写入内容&#xff0c;最终取…...

深度学习习题2

1.如果增加神经网络的宽度&#xff0c;精确度会增加到一个特定阈值后&#xff0c;便开始降低。造成这一现象的可能原因是什么&#xff1f; A、即使增加卷积核的数量&#xff0c;只有少部分的核会被用作预测 B、当卷积核数量增加时&#xff0c;神经网络的预测能力会降低 C、当卷…...