Flutter 响应式状态管理框架GetX

最新推荐文章于 2025-06-20 17:08:27 发布
最新推荐文章于 2025-06-20 17:08:27 发布
阅读量1.5k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： Flutter入门与实战 文章标签： flutter android ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiangzhihong8/article/details/127057332
本文介绍了Flutter状态管理框架中的GetX，对比了Provider和BLoC，并详细阐述了如何使用GetX进行基本操作，包括安装引用、改造Counter App，以及GetX的依赖注入、路由管理和其他功能，如依赖关系管理、工具、主题改变等。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、状态管理框架对比

在Flutter的状态管理框架中，主流的状态管理框架有四个：GetX（又称为Get）、BLoC、MobX、Provider。

Provider

其中，Provider是Flutter社区提供的一种状态管理工具，本质上是对InheritedWidget组件的封装，具有如下一些优点：

  • 简化的资源分配与处置
  • 懒加载
  • 创建新类时减少大量的模板代码
  • 支持 DevTools
  • 更通用的调用 InheritedWidget 的方式
  • 提升类的可扩展性，整体的监听架构时间复杂度以指数级增长

BLoC

BLoC是Business Logic Component的英文缩写，中文译为业务逻辑组件，是一种使用响应式编程来构建应用的方式。BLoC最早由谷歌的Paolo Soares和Cong Hui设计并开发，设计的初衷是为了实现页面视图与业务逻辑的分离。下图演示了BLoC模式的应用程序的架构示意图。

了解本专栏 订阅专栏 解锁全文 超级会员免费看
深入解析 Flutter GetX
风起云涌
02-18 1284
是 Flutter 中一个轻量级且功能强大的状态管理、路由管理和依赖注入框架。它以简单、快速、高效著称，适合从小型到大型项目的开发需求。，通过一个框架解决状态管理、路由管理和依赖注入的问题。
深入浅出 GetX：超详细实用指南，全方位掌握 Flutter 开发利器第二篇之状态管理篇
我叫柱子哥
07-06 5693
GetX会自动进行重建，并且只重建使用被更改的变量的小组件，如果您将一个变量更改为与之前相同的变量，并且不意味着状态的更改，GetX不会重建小组件以节省内存和CPU周期（界面上正在显示3，而您再次将变量更改为3。在大多数状态管理器中，这将导致一个新的重建，但在GetX中，如果事实上他的状态已经改变，那么widget将只被再次重建）Get不是其他状态管理器的敌人，因为Get是一个微框架，而不仅仅是一个状态管理器，它的状态管理功能既可以单独使用，也可以与其他状态管理器结合使用。状态是应用程序的当前数据或信息。
flutter_getx_template:测试并构建不同的Flutter Getx技术
04-06
flutter_getx_template 一个Flutter测试项目，用于学习其他应用的各种Flutter技术和模板。 入门 当前方向： 盖茨 登录模块 bottomNavigator
getx用法详细解析以及注意事项
最新发布
liao277218962的专栏
06-20 415
Flutter GetX框架提供了三种状态管理方式：响应式（Rx+Obx）、简单状态（GetBuilder）和混合监听（Worker）。响应式方式通过.obs变量和Obx自动刷新UI，适合实时数据变化；简单状态需手动调用update()刷新，性能更高；Worker用于状态变化时的副作用处理。Obx仅监听内部使用的.obs变量而非全部，且不绑定特定Controller，可灵活组合多个Controller的状态。开发者可根据项目需求选择合适方式，快速开发推荐响应式，高性能场景适用GetBuilder，副作用处理
vue3的diff优化了哪些
only_neo的博客
06-03 866
在完整diff的过程中，采用的是 头头对比，尾尾对比，处理新增的和删除，然后处理未知子序，通过构建一个索引图来优化进一步寻找需要移除或者添加的节点，以及更新 sameVnode，通过获得未知子序的最长递增子序列，以这个最长递增子序列不动为前提，倒序遍历剩余节点，对节点进行最少的移动，完成对两个同级数组的更新，如果有儿子，继续递归（patch），最终完成对整个subTree的更新。最后，还增加了静态事件，因此在diff的过程中，如果是静态事件，事件的变化将不会引起组件的update。
Vue03/虚拟DOM和diff算法
m0_64494670的博客
10-30 522
Vue03/虚拟DOM和diff算法
Flutter的Getx框架
weixin_43409976的博客
11-26 493
方便自己查阅学习flutter Getx
vue3 diff算法优化
weixin_43294560的博客
12-14 4606
事件缓存：将事件缓存，可以理解为变成静态的了 添加静态标记：Vue2 是全量 Diff，Vue3 是静态标记 + 非全量 Diff 静态提升：创建静态节点时保存，后续直接复用 使用最长递增子序列优化了对比流程：Vue2 里在 updateChildren() 函数里对比变更，在 Vue3 里这一块的逻辑主要在 patchKeyedChildren() 函数里，具体看下面 事件缓存 <button @click="handleClick">按钮</button> 编译后结果 ex.
Flutter+getx+设置主题
05-08
而GetX是一个轻量级的状态管理和路由管理库，它使得状态管理变得简单易懂。 首先，我们需要了解Flutter中的主题。在Flutter中，主题（Theme）定义了应用程序的一组颜色、字体和其他视觉元素。通过`ThemeData`对象，...
flutter-getx-doc:Flutter GetX文档
04-02
Flutter GetX 是一个非常流行的框架，用于构建高效、可维护的 Flutter 应用程序。它提供了状态管理和路由管理等功能，极大地简化了应用开发流程。在官方文档的基础上，这份由个人整理的 Flutter GetX 文档旨在提供更...
Flutter GetX框架使用
weixin_41984570的博客
05-26 1740
当原生应用启动时，预先初始化Flutter引擎，这样当用户跳转到Flutter页面时，引擎已经就绪，页面加载更快。调用 Get.put()、Get.lazyPut()、Get.putAsync()、Get.create() 会创建一个新的依赖项，然后将它注册到依赖管理容器中。当一个路由从Stack中移除时，所有与它相关的控制器、变量和对象的实例都会从内存中移除。1）创建一个类并实现Binding，重写 "dependencies"方法，然后插入你要在该路由上使用的所有类。的主要功能是简化控制器的获取。
flutter_getx_demo:Flutter Getx演示
03-18
getx_demo 一个新的Flutter项目。 入门 该项目是Flutter应用程序的起点。 如果这是您的第一个Flutter项目，那么有一些资源可以帮助您入门： 要获得Flutter入门方面的帮助，请查看我们的，其中提供了教程，示例，移动开发指南以及完整的API参考。
Flutter-Dio-GetX
03-26
Flutter-Dio-GetX
Flutter之状态管理(二) GetX框架
weixin_43244083的博客
08-14 799
这是因为 Flutter 基于构建 UI ，使用状态管理的目的之一就是解决「声明式」开发带来的问题。
一文了解Flutter的GetX框架
hengsf123456的博客
05-12 9951
快速熟悉GetX框架
Vue 3 引入了静态标记（Static Marking）来优化虚拟 DOM 的渲染过程
weixin_39273589的博客
08-09 747
静态标记的目的是将静态节点（不会改变的节点）与动态节点（可能会改变的节点）进行区分，减少不必要的虚拟 DOM 对比和渲染操作，提高渲染性能。对于被标记为静态的节点，在后续的渲染过程中，会被视为不需要重新渲染的节点，从而避免不必要的计算和 DOM 操作。在运行时，Vue 3 的虚拟 DOM 渲染器会根据静态标记的信息来确定需要更新的节点，从而优化渲染的过程。总结起来，静态标记是 Vue 3 中的一个编译器优化机制，通过识别静态节点和动态节点，并在渲染时跳过静态节点的更新，来提高渲染性能。
Flutter开发 - 使用GetX框架实现类似MVVM架构
Android23333的博客
02-20 2145
在Android原生开发中，通常是使用Databinding实现MVVM架构，只需要在gradle中开启databinding的选项，然后使用ObservableField或LiveData即可。
flutter 专题二十四 Flutter 响应式状态管理框架GetX
m0_61164038的博客
01-03 2183
并且，使用GetX之后，业务逻辑和屏幕之间的共享状态的管理将会发生变化，经过改造之后，原本需要近100行代码才能使用的功能，现在26行就能够实现。如果使用的是系统默认的AppBar，使用的是Navigator.pop(context)来关闭页面，如果是自定义的AppBar，并且使用了GetX的路由功能，那么需要使用下面得代码来关闭页面。由于GetX的使用流程比较固定，我们完全可以将它开发成一个IDE插件，下面是社区上开源的一个IDE插件，大家可以将其下载下来，然后进行自定义的升级。
Vue虚拟dom的优化
Mikon_0703
12-22 645
虚拟节点vnode包含以下属性 { tag:'div' //标签名 data:{...} // 属性数据 attrs、props、event、style、class children:[...] // 子节点数据，vnode结构 text: undefined // 文本 elm: undefined // 真实dom key: undefined // 节点标识 } Vue的优化策略 尝试几种可能的变化，快速查找差异，减少不必要的循环 …前：子节点列表中所有未处理的..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xiangzhihong8

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值