Flutter GetX GetBuilder 和 Obx 的区别和代码示范

6 min read

GetX 是一个Flutter的快速开发框架，可以用来实现状态管理，依赖注入、路由管理、国际化和其他常用功能。GetX的三个核心组件是路由（Route Management），状态管理（State Management）和依赖注入（Dependency Injection）。

在GetX的状态管理中，主要有三个部分：StateBuilder、GetBuilder和Obx。

  1. StateBuilder：

StateBuilder是GetX中的状态管理中最基本的部分，它允许我们从任何地方监听状态的变化并更新用户界面。实际上，它只是一个普通的Flutter StatefulWidget，但提供的特性使状态更加易于维护和更新，并且可以根据需要传递参数。

代码示例：

StateBuilder(
  builder: (BuildContext context, void Function(void Function()) setState) {
    return Text('Count: ${controller.count}');
  },
  state: controller,
)
  1. GetBuilder：

GetBuilder是在StateBuilder的基础上更进一步。它允许我们在监听状态的同时触发状态的变化。如果状态发生变化，则会调用StateBuilder中传递的回调函数来重新构建用户界面。

代码示例：

GetBuilder<MyController>(
   init: MyController(),
   builder: (controller) {
      return Text('Count: ${controller.count}');
   },
)
  1. Obx：

Obx是GetX中状态管理的另一种形式，它是StateBuilder和GetBuilder的简化版本。它接收一个回调函数，该函数返回一个可观察的对象，当该对象发生变化时，界面会自动更新。

代码示例：

Obx(() => Text('Count: ${controller.count}')),

三种状态管理方法各有特点，我们可以根据具体的业务场景进行选择。无论我们选择哪种方式，GetX可以极大地提高我们的开发效率和减少代码量。