get包中的状态管理

文章目录

• 1. 概念介绍
• 2. 思路与方法
• • 2.1 实现思路
  • 2.2 实现方法
• 3. 示例代码
• 4. 内容总结

1. 概念介绍

我们在上一章回中介绍了Get包中的状态管理组件：GetBuilder以及如何使用GetBuilder组件来管理状态。本章回中将介绍Get包中另外一个状态管理组件：Obx以及
如何使用Obx组件来管理状态。

2. 思路与方法

2.1 实现思路

• 使用Obx初始化数据，这里的数据类型可以是dart中的自带的数据类型，也可是是自定义的数据模型类；
• 使用Obx监听数据变化，当被监听的数据有更新时把数据实时同步到页面中的组件上；
• 使用Obx更新数据，数据更新后会及时刷新页面中的数据；
  上面的思路非常简单，但是很抽象，感觉什么事情都是Obx组件在做，那么Obx是如何完成这些事情的呢？我们将在后面的小节中给出答案。

2.2 实现方法

使用Obx初始化数据时需要在数据后面加上obs后缀就可以，比如3.obs,“hello”.obs,ValueController().obs，分别把int,String和ValueController这
三种类型的变量进行了初始化，其中前两种数据类型是dart中的自带的数据类型，最后一种数据类型是自定义的数据类型。使用Obx监听数据也很方便，直接返回一个组件
就可以，比如Obx(() => Text(“hello”),), 我们可以在Text组件中显示被监听的数据。使用Obx更新数据时需要通过value方法实现，比如stateValue.value
= “new value"将会把stateValue变量中的值更新为"new value”.

3. 示例代码

  var intValue = 0.obs;
  var boolValue = false.obs;

 ///单独使用Obx组件,Obx监听当前页面中的数据
  Obx(() => Text("intValue: ${intValue.toString()}, boolValue: ${boolValue.toString()}"),),
  ///Obx监听数据模型类中的数据,页面再次进入时数据恢复默认值
  Obx(() => Text("intValue: ${valueModel.value.iValue.toString()}, strValue: ${valueModel.value.strValue}"),),

  intValue.value = 666;
  boolValue.value = true;

  valueModel.update((val) {
    val?.iValue = 999;
    val?.strValue = "String Value";
  });

4. 内容总结

最后，我们对本章回中的内容做一个全面总结：

• Obx是一种响应式状态管理组件；
  看官们，与"使用get进行状态管理"相关的内容就介绍到这里，欢迎大家在评论区交流与讨论!