在2021年4月初,我们在应用开发中大量使用了 GetX,目前看来效果还不错,于是我最近也出了一套GetX的从入门到源码原理的分析教程,欢迎大家关注更新。
- 【1 GetX 基本使用路由管理】
- 【2 GetX 使用入门 程序计数器】
第一步 使用 GetMaterialApp
//程序入口
void main() {
runApp(RootApp());
}
class RootApp extends StatelessWidget {
@override
Widget 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 {
@override
Widget 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(
//初始化控制器
init: CountObsController(),
//监听回调
builder: (CountObsController controller) {
return Text(“当前 count 的值为 ${controller.getCount}”);
},
),
//观察者自动更新
Obx(() {
retu
rn Text(
“Obx 当前 count 的值为 ${Get.find().getCount}”);
}),
],
)),
//点击按钮修改值
floatingActionButton: FloatingActionButton(
child: Icon(Icons.add),
onPressed: () {
Get.find().addCount();
},
),
);
}
}
完毕
不局限于思维,不局限语言限制,才是编程的最高境界。
最后
小编这些年深知大多数初中级Android工程师,想要提升自己,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此我收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人
都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
资料⬅专栏获取
596)]
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人
都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
资料⬅专栏获取