Flutter GetX 状态管理 响应式编程(三)
在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天、每周,都会留下一些脚印,就是这些创作的内容,有一种执着,就是不知为什么,如果你迷茫,不妨来瞅瞅码农的轨迹。
- 优美的音乐节奏带你浏览这个效果的编码过程
- 坚持每一天,是每个有理想青年的追求
- 追寻年轻人的脚步,也许你的答案就在这里
- 如果你迷茫 不妨来瞅瞅这里
我在 2020年时,总结过 Bloc 、Provider、Stream 跨组件通信的使用方式,大家有兴趣可以来瞅瞅
Flutter Provider 异步通信、Provider状态管理
Flutter BLoC 异步通信、BlocBuilder的基本使用、BlocProvider的初探
Flutter StreamBuilder 实现的一个倒计时功能
Flutter StreamBuilder 异步更新数据
Flutter StreamController 异步通信、Streamr 流异步通信
Flutter ValueNotifier 异步通信、ValueListenableBuilder异步更新数据
在2021年,Provider扩展了5.0,使用起来更方便,于是我重新录制制作了一期教程,大家可以点击这里来查看【网易云视频课程】;当然大家也可以关注一下公众号(biglead),视频教程是首先在公众号中免费播出,每日都会有技术类的内容发布。
在 Flutter 开发中,跨组件通信,数据更新,这些常被称为状态管理,GetX 是一个比较轻量级的状态管理框架,本节讲解的是 GetX 的基本使用。
在2021年4月初,我们在应用开发中大量使用了 GetX,目前看来效果还不错,于是我最近也出了一套GetX的从入门到源码原理的分析教程,欢迎大家关注更新。
- 【1 GetX 基本使用路由管理】
- 【2 GetX 使用入门 程序计数器】
第一步 使用 GetMaterialApp
//程序入口
void main() {runApp(RootApp());
}class RootApp extends StatelessWidget {@overrideWidget build(BuildContext context) {//使用 GetX第一步return GetMaterialApp(theme: ThemeData(primarySwatch: Colors.blue,),//默认显示的首页页面home: CountObsMainPage(),);}
}
GetMaterialApp 对于路由、snackbar、国际化、bottomSheet、对话框以及与路由相关的高级apis和没有上下文(context)的情况下是起重要作用的,它只是一个Widget,它的子组件是默认的MaterialApp。
第二步定义 Controller
import 'package:get/get.dart';///第一步定义 Controller
class CountController extends GetxController{//声明为被观察者RxInt _count = 0.obs;RxInt get getCount => _count;//操作方法void addCount() {_count++;}}
第三步 操作数据与显示数据
就是定义就是定义页面主体显示 你甚至都不用使用 StatefulWidget,代码如下:
class CountObsMainPage extends StatelessWidget {@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text("Gex 响应编程"),),backgroundColor: Colors.white,///填充布局body: Container(padding: EdgeInsets.all(30),width: double.infinity,height: double.infinity,child: Column(children: [GetX<CountObsController>(//初始化控制器init: CountObsController(),//监听回调builder: (CountObsController controller) {return Text("当前 count 的值为 ${controller.getCount}");},),//观察者自动更新Obx(() {return Text("Obx 当前 count 的值为 ${Get.find<CountObsController>().getCount}");}),],)),//点击按钮修改值floatingActionButton: FloatingActionButton(child: Icon(Icons.add),onPressed: () {Get.find<CountObsController>().addCount();},),);}
}
完毕
不局限于思维,不局限语言限制,才是编程的最高境界。
以小编的性格,肯定是要录制一套视频的,随后会上传
有兴趣 你可以关注一下公众号 biglead 来获取最新的学习资料
Flutter GetX 状态管理 响应式编程(三)相关推荐
- Flutter GetX 状态管理 使用入门 程序计数器 (二)
在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天.每周,都会留下一些脚印,就是这些创作的内容,有一种执着,就是不知为什么,如果你迷茫,不 ...
- Flutter - flutter_bloc状态管理
继上一篇写了Flutter - GetX状态管理,会发现其实Flutter的状态管理的框架还是比较多的,用的比较多的有flutter_bloc.MobX.GetX等,今天我就来谈一谈我学习Flutte ...
- [译]Flutter 响应式编程:Steams 和 BLoC 实践范例
原文:Reactive Programming - Streams - BLoC - Practical Use Cases 是作者 Didier Boelens 为 Reactive Program ...
- [译]使用MVI打造响应式APP(三):状态折叠器
原文:REACTIVE APPS WITH MODEL-VIEW-INTENT - PART3 - STATE REDUCER 作者:Hannes Dorfmann 译者:却把清梅嗅 在上一章节中,我 ...
- RXJava2响应式编程框架设计三---Rxjava2背压、生命周期
在上一次https://www.cnblogs.com/webor2006/p/12348890.html中已经完成了对RxJava2的整个线程切换原理的详细剖析了,这次继续来学习它其它比较重要的知识 ...
- Flutter的响应式编程
我们可能都听说过响应式编程这个名词,但什么是响应式编程呢?我们先看看维基百科上的定义: 这里面有很多的名词,像declarative programming paradigm(声明式编程范式),imp ...
- 响应式编程入门:实现电梯调度模拟器
据说每个程序员等电梯的时候都思考过电梯的调度算法-所以怎么动手实现一个呢?虽然这个场景貌似有些复杂,但却非常适合使用响应式编程的范式来处理.下面我们会在 RxJS 和 Vue 的基础上,一步步实现出一 ...
- Java的HTTP服务端响应式编程
传统的Servlet模型走到了尽头 传统的Java服务器编程遵循的是J2EE的Servlet规范,是一种基于线程的模型:每一次http请求都由一个线程来处理. 线程模型的缺陷在于,每一条线程都要自行处 ...
- 响应式编程在Android 中的一些探索
响应式在前端领域已经变得十分流行,很多主流框架都采用响应式来进行页面的展示刷新.本文主要是探索一下响应式在移动端Android上的一些实践,包括对响应式思想的理解,以及目前Android上实现响应式的 ...
最新文章
- K-BERT | 基于知识图谱的语言表示模型
- cmd启动tomcat
- 拍下首张黑洞照片的团队获300万美元奖金:2020年科学突破奖揭晓
- mysql保留2位小数字段如何设置 浮点数
- 一元二次方程求根公式的花样变换,你看懂了吗?
- 360浏览器鼠标手势怎么关 取消360浏览器鼠标手势的方法
- RabbitMQ常用操作命令和入门案例(一对一的简单模式)
- js 数据结构中邻接矩阵的图的直观表示
- Docker-Compose 基础与实战,看这一篇就够了 | 原力计划
- 【避免windows权限问题】nodejs 配置全局 globle 缓存 catch
- 数据库实战入门——SQL全方位学习
- 【题解】#10246. 「一本通 6.7 练习 3」取石子
- 小学计算机期末考试试题,小学三年级信息技术期末考试试卷
- Mac远程控制Mac和Windows
- Lytro Power Tool使用记录
- Server Error in ‘/‘ Application.问题解决
- Web前端开发框架推荐
- [POI2006] TET-Tetris 3D
- idea中git更新代码到本地之后自己写的代码不见了
- 使用spoon(kettle)工具抽取Elasticsearch的数据并入库
热门文章
- 推特超2K赞,DeepMind强化学习综述:她可以很快,但快从慢中来
- 干货!Kaggle座头鲸识别落下帷幕,冠军方案解读
- mysql5.7.18压缩包下载_MySQL 5.7.18 解压版安装
- 小林菌2020总结,我差点没毕业~
- 中如何调取api_【技巧】不去腾讯公司也能调取微信交易流水清单
- airpods pro连接安卓声音小_airpods pro 麦克风声音小
- wdos8系统服务器丢失,win8一键修复丢失DLL,常见dll丢失一键修复办法
- maven依赖avro_Apache Avro使用入门指南
- Apache RocketMQ 分享
- Java日志框架-logback的介绍及配置使用方法(纯Java工程)