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

Flutter中GetBuilder 和 GetX 的区别

news 来源：原创 2025/6/28 18:00:27

在 GetX 框架中，GetBuilder 和 GetX 都是用来构建响应式 UI 的，但它们在使用方式和适用场景上有一些不同。

GetBuilder
作用: 用于监听控制器中的特定变量变化并重新构建部分 UI。
特点:
只有当 update() 方法被调用时，才会触发 UI 的重建。
适用于需要手动控制 UI 更新的场景。
适合用于复杂的 UI 组件，可以更细粒度地控制哪些部分需要更新。
示例代码：

class MyController extends GetxController {var count = 0;void increment() {count++;update(); // 手动调用 update() 方法}
}class MyHomePage extends StatelessWidget {final MyController controller = Get.put(MyController());@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text('GetBuilder Example'),),body: Center(child: Column(mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[GetBuilder<MyController>(builder: (controller) {return Text('Count: ${controller.count}',style: TextStyle(fontSize: 24),);},),ElevatedButton(onPressed: controller.increment,child: Text('Increment'),),],),),);}
}

这和原生android中LiveData使用有很大的相似性，其中update方法的作用仅仅只是通页面进行更新，并不是只更新increment方法中提到的count，若MyController 存在其他已变更的值，也会一同在页面上更新，如下例所示。

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';class MyController extends GetxController {var count = 0;var time = 0;void test() {time++;}void increment() {count++;update(); // 手动调用 update() 方法}
}class MyHomePage extends StatelessWidget {final MyController controller = Get.put(MyController());@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text('GetBuilder Example'),),body: Center(child: Column(mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[GetBuilder<MyController>(builder: (controller) {return Text('Count: ${controller.count}',style: TextStyle(fontSize: 24),);},),GetBuilder<MyController>(builder: (controller) {return Text('Time: ${controller.time}',style: TextStyle(fontSize: 24),);},),ElevatedButton(onPressed: controller.increment,child: Text('Increment'),),ElevatedButton(onPressed: controller.test,child: Text('Test'),),],),),);}
}

当我们先点击一次Test按键时，time的值已经变更为1，但由于页面未更新，页面上time显示的值仍为0，此时我们点击Increment按钮，会发现页面上time和count同时变更为1了。
2. GetX
作用: 用于监听控制器中的响应式变量变化并自动更新 UI。
特点:
当响应式变量（使用 .obs 标记）发生变化时，会自动触发 UI 的重建。
适用于简单的 UI 组件，可以自动管理状态的变化。
代码更加简洁，不需要手动调用 update() 方法。
示例代码：

class MyController extends GetxController {var count = 0.obs; // 使用 .obs 将变量变为响应式void increment() {count.value++; // 直接修改响应式变量的值}
}class MyHomePage extends StatelessWidget {final MyController controller = Get.put(MyController());@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text('GetX Example'),),body: Center(child: Column(mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[Obx(() => Text('Count: ${controller.count.value}',style: TextStyle(fontSize: 24),)),ElevatedButton(onPressed: controller.increment,child: Text('Increment'),),],),),);}
}

Flutter中GetBuilder 和 GetX 的区别

在 GetX 框架中，GetBuilder 和 GetX 都是用来构建响应式 UI 的，但它们在使用方式和适用场景上有一些不同。 GetBuilder 作用: 用于监听控制器中的特定变量变化并重新构建部分 UI。特点: 只有当 update() 方法被调用时，才会触发 UI 的重建。…...

编程日记 2025/6/28 18:00:27

vue2+element-ui实现多行行内表格编辑

效果图展示当在表格中点击编辑按钮时：点击的行变成文本框且数据回显可以点击确定按钮修改数据或者取消修改回退数据：具体实现步骤 1. 行数据定义编辑标记行数据定义编辑标记当在组件中获取到用于表格展示数据的方法中，针对每一行数据添加一个编辑标记 this.list.f…...

编程日记 2025/6/28 18:59:44

Vue3+TypeScript+AntVX6实现Web组态（从技术层面与实现层面进行分析）内含实际案例教学

摘要用Vue3+TypeScript+AntVX6实现Web组态（从技术层面与实现层面进行分析），包含画布创建、节点设计、拖拽实现（实际案例）、节点连线、交互功能，后续文章持续更新。注：本文章可以根据目录进行导航文档支持 AntVX6使用文档 https://x6.antv.antgroup.com/tutorial…...

编程日记 2025/6/28 20:21:38

【卷积神经网络】LeNet实践

模型建立数据初始化根据模型搭建前向传播打印模型结构前向传播数据初始化 def __init__(self):super(LeNet, self).__init__()# 第一层卷积层：# 输入：灰度图像 (1通道，大小 28x28)# 输出：6个特征图 (大小 28x28, 通过padding2保…...

编程日记 2025/6/28 19:43:54

FPGA实现GTP光口数据回环传输，基于Aurora 8b/10b编解码架构，提供2套工程源码和技术支持

目录 1、前言工程概述免责声明 2、相关方案推荐我已有的所有工程源码总目录----方便你快速找到自己喜欢的项目我这里已有的 GT 高速接口解决方案 3、工程详细设计方案工程设计原理框图用户数据发送模块基于GTP高速接口的数据回环传输架构GTP IP 简介GTP 基本结构GTP 发送和接收…...

编程日记 2025/6/28 18:01:32

Tongweb8命令行使用收集（by lqw）

文章目录声明对应版本修改thanos用户密码部署应用到默认实例节点相关操作新增节点(一般一个服务器ip只能装一个节点)启动节点（需确认节点没有运行）停止节点删除节点节点新增应用节点查看应用节点启动应用节点停止应用节点卸载应用（谨慎操作，卸载后应用就没有了,建议备份后…...

编程日记 2025/6/28 6:36:03

基于STM32的火灾烟雾报警器设计开题报告

开题报告题目：基于STM32的火灾烟雾报警器Proteus仿真设计一、研究背景与意义随着现代城市化进程的加快，火灾安全问题日益凸显，火灾的早期预警对于减少人员伤亡和财产损失至关重要。传统的火灾报警系统往往依赖于烟雾或温度的单一检测&a…...

编程日记 2025/6/28 20:23:19

go 语言zero项目设置后台运行的几种方式

在 Go 项目中将程序设置为后台运行通常有几种方法。你可以使用 systemd、nohup 或者将 Go 程序作为服务启动。以下是几种常见的方法，分别适用于不同的场景。 ### 1. 使用 nohup 命令将 Go 程序后台运行 nohup 是一个常用的 Linux 工具，它可以将命令行程…...

编程日记 2025/6/28 4:55:11

数据库中的代数运算

这些代数基本运算通常被封装在数据库查询语言中，如SQL中的SELECT、FROM、WHERE等子句，使得用户可以更方便地对数据库进行查询和处理。下面的介绍基于以下两个关系来说明： 传统的集合运算并（∪） 合并两个关系中的元组…...

编程日记 2025/6/28 18:37:42

【机器学习】机器学习的基本分类-无监督学习-核密度估计（Kernel Density Estimation, KDE）

核密度估计（Kernel Density Estimation, KDE） 核密度估计（KDE）是一种非参数化方法，用于估计数据的概率密度函数（PDF）。与直方图相比，KDE 能够生成平滑的概率密度曲线，是…...

编程日记 2025/6/28 19:45:42

语义分割——DeeplabV3plus

DeeplabV3plus 是一种先进的用于语义分割任务的深度学习模型。DeepLabV3plus模型采用了编码器-解码器（Encoder-Decoder）结构，通过编码器提取图像特征，再通过解码器将这些特征映射回原始图像尺寸，实现像素级的分类。具体…...

编程日记 2025/6/28 18:25:43

【Leetcode 每日一题 - 扩展】50. Pow(x, n)

问题背景实现 p o w ( x , n ) pow(x, n) pow(x,n)，即计算 x x x 的整数 n n n 次幂函数（即， x n x_n xn）。数据约束 − 100.0 < x < 100.0 -100.0 \lt x \lt 100.0 −100.0<x<100.0 − 2 31 ≤ n ≤ 2 31 −…...

编程日记 2025/6/28 18:58:49

富士相机基本参数学习

一色彩富士相机视频调色入门课［上］｜胶片模拟，白平衡与色彩｜全是样片哦_哔哩哔哩_bilibili 步骤： 1设置曝光模式： 自动模式下拍摄降低难度 2设置白平衡：自动不满意可以设置 3色彩&…...

编程日记 2025/6/28 15:59:34

MySQL：表的约束

目录一. 表的约束和约束的目标二. 空属性三. 默认值default 四. 列描述五. zerofill 六. 主键 6.1 建表时定义主键 6.2 去掉主键 6.3 建表后添加主键 6.4 复合主键七. 自增长八. 唯一键九. 外键一. 表的约束和约束的目标表…...

编程日记 2025/6/28 18:41:26

Python鼠标轨迹算法（游戏防检测）

一.简介鼠标轨迹算法是一种模拟人类鼠标操作的程序，它能够模拟出自然而真实的鼠标移动路径。鼠标轨迹算法的底层实现采用C/C语言，原因在于C/C提供了高性能的执行能力和直接访问操作系统底层资源的能力。鼠标轨迹算法具有以下优势： 模拟…...

编程日记 2025/6/28 20:01:25

Elasticsearch 架构及 Lucene 索引结构原理入门

文章目录 Elasticsearch 整体架构Lucene 索引结构Lucene 倒排索引核心原理倒排索引倒排表（Posting List） Elasticsearch 整体架构一个 ES Index 在集群模式下，有多个Node（节点）组成，每个节点就是ES的 inst…...

编程日记 2025/6/28 19:23:05

vue3项目通过修改虚拟dom实现向页面上追加内容

前言： demo效果： 1、刚进页面，渲染welcome.vue组件内容。2、向输入框中输入数据按回车，页面上追加text.vue组件内容，输入框中的数据也被传递给text.vue组件，并在页面上进行了展示。3、点击text.vue组件中的…...

编程日记 2025/6/28 18:38:35

Java:集合(List、Map、Set)

文章目录 1. Collection集合1-1. 迭代器遍历方式1-2. 通过for循环进行遍历1-3. forEach遍历 2. List集合2-1. ArrayList底层实现原理2-2. LinkedList底层实现原理 3. Set集合3-1. HashSet 底层实现3-2. LinkedHashSet 底层实现3-3. TreeSet 4. Collection集合->总结5. Map集…...

编程日记 2025/6/28 18:00:30

208-Base Camera Link 图像信号模拟器

１、板卡概述该板卡是基于Altra FPGA处理芯片EP3C40F484C8（兼容EP3C16F484C8），模拟产生自定义分辨率的Camera Link 图像信号，并以base Camera Link输出。主要用于作为Camera Link 图像信号模拟器，模拟各类C…...

编程日记 2025/6/28 18:01:06

【创建模式-蓝本模式（Prototype Pattern）】

目录 Overview应用场景代码演示JDK Prototype pattern 更优实践泛型克隆接口 https://doc.hutool.cn/pages/Cloneable/#%E6%B3%9B%E5%9E%8B%E5%85%8B%E9%9A%86%E7%B1%BB The prototype pattern is a creational design pattern in software development. It is used when the t…...

编程日记 2025/6/28 18:00:32

（一）强化学习基础概念及学习路径

目录前言一、强化学习是什么？ 二、强化学习中的基本概念 1.状态 2.动作 3.奖励 4.策略 5.智能体 6.环境 7.智能体与环境交互三、强化学习路径总结前言强化学习（Reinforcement Learning, RL）是机器学习的范式和方法论之一&a…...

编程日记 2025/6/28 18:00:34

Android 好的开源库

1. 权限请求框架 GitHub - getActivity/XXPermissions: Android 权限请求框架，已适配 Android 14 2. 下载框架 GitHub - lingochamp/okdownload: A Reliable, Flexible, Fast and Powerful download engine....

编程日记 2025/6/28 19:15:39

Spring中xxAware接口和InitializingBean接口的作用

question：Aware接口和InitializingBean接口的作用都可以用例如Autowired PostConstruct注解来实现，那么其相比较于注解的实现，优势是什么呢？ 早期的Spring中并不存在注解开发，注解开发是在后期的Spring中引入&#xf…...

编程日记 2025/6/28 18:00:37

Nginx WebDAV扩展模块安装与配置完全指南

Nginx WebDAV扩展模块安装与配置完全指南 nginx-dav-ext-module nginx WebDAV PROPFIND,OPTIONS,LOCK,UNLOCK support [这里是图片001] 项目地址: https://gitcode.com/gh_mirrors/ng/nginx-dav-ext-module 项目基础介绍 Nginx WebDAV扩展模块（nginx-dav-ext-module）是由a…...

编程日记 2025/6/28 20:09:52

算法刷题Day16: BM41 输出二叉树的右视图

题目链接描述思路： 递归构造二叉树在Day15有讲到。复习一下，就是使用递归构建左右子树。将中序和前序一分为二。接下来是找出每一层的最右边的节点，可以利用队列层次遍历。利用队列长度记录当前层有多少个节点，每次从队列里…...

编程日记 2025/6/28 19:37:07

1.2 计算机网络的分类和应用（重要知识点）

1.2.1 计算机网络的分类计算机网络的定义： 由通信线路互相连接的、能自主工作的计算机构成，强调各计算机（工作站）拥有独立的计算资源和任务能力。与多终端分时系统不同，后者终端仅作为主机接口，不具备计…...

编程日记 2025/6/28 18:00:36

Xcode

info.plist Appearance Light 关闭黑暗模式 Bundle display name 设置app名称，默认为工程名 Location When In Use Usage Description 定位权限一共有3个key 1.Privacy - Location When In Use Usage Description 2.Privacy - Location Always and When In U…...

编程日记 2025/6/28 19:23:56

HarmonyOS 5.0应用开发——属性动画

【高心星出品】文章目录属性动画animateTo属性动画animation属性动画属性动画属性接口（以下简称属性）包含尺寸属性、布局属性、位置属性等多种类型，用于控制组件的行为。针对当前界面上的组件，其部分属性（如位置属…...

编程日记 2025/6/28 18:02:10

Freertos任务切换

一、操作系统进行任务切换的时机： 采用信号量实现任务的互斥： 二、FreeRTOS 任务切换场合 PendSV 中断的时候提到了上下文(任务)切换被触发的场合： ● 可以执行一个系统调用 ● 系统滴答定时器(SysTick)中断。 1、执行系统调用执行系统…...

编程日记 2025/6/28 18:02:17

【汇编】思考汇编中的两个基本问题

1. 若干年前的疑问几年前还在大学学习汇编时，不管是考试还是课程设计，其实都很顺利。但是心里一直对什么时候使用哪个寄存器存在疑惑，编写汇编时，没有十足的把握，都是抱着试一试的心态去完成了课程任务。工作八年有…...

编程日记 2025/6/28 18:01:26

开发环境服务器 vs 生产环境服务器：开发与生产须分明

【背景】作为开发者，我们在不同的阶段都与两种服务器环境打交道——开发环境服务器和生产环境服务器。虽然听起来名字相似，但它们的职责和工作方式简直是天差地别！ 不知道朋友们有没有跟我一开始刚了解的时候的一些疑惑，因为刚开始…...

编程日记 2025/6/28 18:00:40

Tomcat的安装即使用

Tomcat的概念 Tomcat服务器是Java语言开发的，免费的开放源代码的Web应用服务器。 Tomcat处理静态HTML的能力远不及Apache或者Nginx，通常是作为一个Servlet和JSP容器，单独运行在后端。 Tomcat是由三个功能组合而成： java servlet&…...

编程日记 2025/6/28 19:37:57

外包干了9天，技术退步明显。。。。。

时光荏苒，转眼我已是一个拥有近四年功能测试经验的大专生。19年，我满怀激情地通过校招进入湖南某知名软件公司，期待在这里开启我的职业生涯。然而，长时间的舒适环境让我渐渐失去了前进的动力，技术停滞不前，…...

编程日记 2025/6/28 18:00:38

梳理你的思路(从OOP到架构设计)_基本OOP知识04

目录 1、主动型 vs.基於被动型 API 1）卡榫函数实现API 2）API的分类 3）回顾历史 4）API >控制力 2、结语&复习： 接口与类 1）接口的表示 2）Java的接口表示 1、主动型 vs.基於被动…...

编程日记 2025/6/28 18:56:57

每天40分玩转Django：简介和环境搭建

Django简介和环境搭建一、课程概述学习项目具体内容预计用时Django概念Django框架介绍、MVC/MTV模式、Django特点60分钟环境搭建Python安装、pip配置、Django安装、IDE选择45分钟创建项目项目结构、基本配置、运行测试75分钟实战练习创建个人博客项目框架60分钟二、Djang…...

编程日记 2025/6/28 18:02:06

OpenCV相关函数

一、Sobel算子函数 (cv2.Sobel) 功能 Sobel算子是一个梯度算子，用于边缘检测。通过计算图像中像素的梯度，Sobel算子可以检测出水平和垂直方向上的边缘。参数 src：输入图像。 ddepth：输出图像的深度（如cv2.CV_8U, cv…...

编程日记 2025/6/28 18:03:30

【理想汽车中科院】基于模仿学习的端到端自动驾驶数据缩放规律

论文: https://arxiv.org/pdf/2412.02689 项目: https://github.com/ucaszyp/Driving-Scaling-Law 0. 摘要端到端自动驾驶范式因其可扩展性而最近吸引了大量关注。然而，现有方法受到现实世界数据规模有限的制约，这阻碍了对端到端自动驾驶相关扩展规律…...

编程日记 2025/6/28 18:49:09

重卡补能新未来：光储充换一体开启高效之路

《重卡补能新未来：光储充换一体开启高效之路》一、光储充换一体重卡补能模式的兴起重卡运输行业在电动化进程加速下迎来变革，光储超充快换一体化补能站成为新趋势。随着国家 “双碳” 战略的持续推进，新能源汽车市场蓬勃发展&#xff0c…...

编程日记 2025/6/28 18:00:56

Mybatis Plus 3.0 快速入门

1、简介 MyBatis-Plus （简称 MP）是一个 MyBatis 的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。 2、创建并初始化数据库 2.1、创建数据库 mybatis_plus 2.2、创建 User 表其表结构如下： idnameageemail1Jone18test1@baomidou.com2Jack…...

编程日记 2025/6/28 20:15:54

ABAP:MB51字段增强

MB51所对应的程序：RM07DOCS 1.定义增强字段：RM07DOCS_GENERATED中定义 2.取值：RM07DOCS中detail_list中加取值逻辑也有对ITAB取值做调整的，但是要写很多处，直接这里取值就很简单。 3.展示字段：RM07DOCS中…...

编程日记 2025/6/28 19:42:42

nVisual 定制化APP打包流程

一、下载打包软件 HBuilder X 下载地址：https://dcloud.io/hbuilderx.html 安装:此软件为绿色软件，解压即可使用。进入目录，双击exe启动。此软件需要注册，打开时会提供跳转链接，通过邮箱注册账号。注册成功后&#…...

编程日记 2025/6/28 20:26:24

k8s的节点亲和性NodeAffinity

关键词: ① requiredDuringSchedulingIgnoredDuringExecution：表示强匹配，必须要满足 ② preferredDuringSchedulingIgnoredDuringExecution：表示弱匹配，尽可能满足，但不保证示例： apiVersion: v1 kind:…...

编程日记 2025/6/28 19:23:41

比特币国家与企业机构“战略储备”潮起

100 万枚 BTC 的战略储备资产，是一个什么概念？ 据世界黄金协会统计数据显示，截至 2024 年第三季度，美联储黄金储备总量达 8133.46 吨（约合 5300 亿美元），稳居全球首位。而 100 万枚 BTC 当前市…...

编程日记 2025/6/28 18:32:09

Vue生命周期钩子函数：深入解析与实践

作为高级Vue前端开发人员，对Vue组件的生命周期钩子函数有着深刻的理解是至关重要的。生命周期钩子函数是指在Vue组件的创建、更新、销毁等过程中，Vue自动调用的一系列方法。通过这些钩子函数，我们可以在组件的不同生命周期阶段执行特定的操作…...

编程日记 2025/6/28 20:02:58

mysql、postgresql、oceanbase调优

一、mysql 1、my.cnf [mysqld_safe] log-error=/data/mysql/log/mysql.log pid-file=/data/mysql/run/mysqld.pid[client] socket=/data/mysql/run/mysql.sock default-character-set=utf8[mysqld] basedir=/usr/local/mysql tmpdir=/data/mysql/tmp datadir=/data/mysql/dat…...

编程日记 2025/6/28 20:26:17

相关文章：