Flutter Getx使用: 状态管理

本文介绍了如何使用Getx库在Flutter中进行逻辑、UI和数据的分离,以及实现实时动态更新。通过GetBuilder和Obx进行组件绑定,展示了如何创建和更新Rx类型的变量以自动刷新界面。同时,提到了ObxValue用于列表数据更新的场景。

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

使用Getx可以把逻辑,UI,数据分开。

还可以实时动态更新。

实现:

1 Getbuilder使用,

logic类

class MyLogic extend GetController{

}

page界面:

class MyPage extends statelessWidget {

声明logic: final logic = Getx.put(MyLogic());

@overider

buildcontext(){

return GetBuilder() {

return contentView();

},init:logic;

}

Widget contentView() {

return Scaffold();

}

}

可以全局使用。

更新等;

2 Obx包裹

Obx(()=>Container(child:Text(str.value)))

RxString str = ''.obs;

更新str时: str.value = '更新了';

界面上自动会更新str;

其他如:

Rx<Model类型> model = Model().obs;

Rxbool,

RxList<Model> list = [].obs;

3ObxValue包裹

ObxValue((_)=>ListView(),list)

list更新: list.value = ['1','2','3']等

或者list.add(xx)等

listview自动更新:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值