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的从入门到源码原理的分析教程,欢迎大家关注更新。
第一步 使用 GetMaterialApp
//程序入口
void main() {runApp(RootApp());
}class RootApp extends StatelessWidget {@overrideWidget build(BuildContext context) {//使用 GetX第一步return GetMaterialApp(theme: ThemeData(primarySwatch: Colors.blue,),//默认显示的首页页面home: MyHomePage(),);}
}
GetMaterialApp 对于路由、snackbar、国际化、bottomSheet、对话框以及与路由相关的高级apis和没有上下文(context)的情况下是起重要作用的,它只是一个Widget,它的子组件是默认的MaterialApp。
第二步定义 Controller
import 'package:get/get.dart';///第一步定义 Controller
class CountController extends GetxController{int _count=0;int get count=>_count;void add(){_count++;update();}}
第三步 操作数据与显示数据
就是定义就是定义页面主体显示 你甚至都不用使用 StatefulWidget,代码如下:
class MyHomePage extends StatelessWidget {@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text("计数器"),),backgroundColor: Colors.white,body: Center(//使用 GetBuilder 获取数据child: GetBuilder<CountController>(//绑定Controllerinit: CountController(),builder: (CountController controller) {return Text("当前显示计数 ${controller.count}");},),),floatingActionButton: FloatingActionButton(child: Icon(Icons.add),onPressed: () {//第三步 使用 find 调用方法通信Get.find<CountController>().addCount2();},),);}
}
完毕
不局限于思维,不局限语言限制,才是编程的最高境界。
以小编的性格,肯定是要录制一套视频的,随后会上传
有兴趣 你可以关注一下 西瓜视频 — 早起的年轻人
Flutter GetX 状态管理 使用入门 程序计数器 (二)相关推荐
- Flutter GetX 状态管理 响应式编程(三)
在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天.每周,都会留下一些脚印,就是这些创作的内容,有一种执着,就是不知为什么,如果你迷茫,不 ...
- Flutter - flutter_bloc状态管理
继上一篇写了Flutter - GetX状态管理,会发现其实Flutter的状态管理的框架还是比较多的,用的比较多的有flutter_bloc.MobX.GetX等,今天我就来谈一谈我学习Flutte ...
- Flutter Provider状态管理-Consumer
前言 如果对Consumer很了解的同学可以继续学习 Flutter Provider状态管理 - Selector 个人觉得Flutter的学习有三个很重要的阶段 widget的学习和使用 数据以及 ...
- Flutter 全能型选手GetX —— 状态管理
使用篇 简介 依赖管理 路由管理 状态管理 主题配置 多语言配置 离线缓存 网络请求 原理篇 Flutter 从源码看Getx的依赖原理 一.简介 Obx:响应式状态管理,当数据源变化时,将自动执行刷 ...
- Flutter 对状态管理的认知与思考
前言 关于这篇文章的一些内容,我很久之前就想写的,但一直没啥源动力,就一直鸽着 这次被捷特大佬催了几次,终于把这篇文章写完了,文章里有我对状态管理的一些思考和看法,希望能引起茫茫人海中零星的共鸣... ...
- Flutter Provider状态管理---八种提供者使用分析
Provider Provider是最基本的Provider组件,可以使用它为组件树中的任何位置提供值,但是当该值更改的时候,它并不会更新UI class UserModel {String name ...
- vuex状态管理简单入门
1.安装vuex npm i --save-dev vuex 复制代码 2.为了方便管理,在src目录下新建文件夹store 新建index.js进行初始化 新建state.js进行数据存储 新建mu ...
- Flutter _ 状态管理指南篇,Android开发两年
),); 然后我们开始测试,点击收藏按钮,查看 rebuild 情况. Performing hot reload- Syncing files to device iPhone Xs Max- - ...
- Flutter:状态管理(5) --BLoC
应用的开发架构:BLoC 其意思是业务逻辑组件,其实就是把业务需要的一些逻辑单独拿出来放在一个类里面.这种类就叫Bloc 可以使用这种架构创建反应式的应用. 这种架构是Google发出来的,其开源AP ...
最新文章
- 如何使得自己的Python程序每行长度小于80个字符?
- Visual Studio Code的一个插件,让图标以Material的设计风格呈现
- HLS_error implicit instantiation of undefined template ‘ssdm_int
- 前端学习(3119):react-hello-react的解决类中方法的this
- NullPointerException at org.mapstruct.ap.internal.processor.DefaultVersionInformation.createManifest
- 高效率编辑器 VIM-操作篇,非常适合 VIM 新手
- ldap mysql ubuntu_ubuntu 安装mysql-python和 python-ldap,navicate 问题
- OpenGL+VS2013+WIN7(64)组态
- 百万畅销书带你学 Python:第一个程序
- lisp获取qleader端点_AutoLISP开发用命令
- 在Sql Server上安装插件Sql Prompt
- 推荐16本平面设计书籍,学平面设计必看的书不要错过哦
- 新宝盘面简述12.24
- WhatsApp API介绍
- 有米科技股份有限公司
- 《微信》医保支付功能介绍
- docker logs命令
- msp430单片机复习内容
- 百度App性能优化工具篇 - Thor原理及实践
- WebRTC的Jitter计算
热门文章
- 【项目合作】最高50万元!道路缝隙检测、目标跟踪优化、机器人平台开发
- CVPR 2019 CLIC 图像压缩挑战赛冠军方案解读
- 如何从900万张图片中对600类照片进行分类,附代码
- 【python教程入门学习】迭代器、生成器和可迭代对象
- html中文案竖排怎么写,做了这个活动,感觉自己成了垂直排版css大师(文字竖排)...
- 最新汇总:一些基于深度学习的视觉里程计/SLAM开源代码
- 面向对象真的需要继承吗?
- TTL怎么计算拉电流和灌电流_带你深入了解灌电流、拉电流与吸电流
- 设计模式 建造者模式
- oracle没用过元数据,案例:Oracle RAC asm备份元数据之md_backup和md_restore 好处与