flutter 常见的状态管理器

2023-09-03 06:35

短信预约 -IT技能 免费直播动态提醒

flutter 常见的状态管理器

前言
一、Provider
二、Bloc
三、Redux
四、GetX
总结

前言

在这里插入图片描述

当我们构建复杂的移动应用时，有效的状态管理是至关重要的，因为应用的不同部分可能需要共享数据、相应用户交互并保持一致的状态。Flutter 中有多种状态管理解决方案，下面详细介绍一些常见的状态管理方式：Provider、Bloc 和 Redux、getx 等等一些管理工具。

一、Provider

Provider： Provider 是 Flutter 社区广泛使用的状态管理库，它使用了 InheritedWidget 和 ChangeNotifier 的概念来实现状态共享和更新。Provider 适用于中小型应用或对于简单状态共享的情况。

InheritedWidget： InheritedWidget 是 Flutter 中的一种特殊的小部件，允许其子部件在其上方访问共享数据。
ChangeNotifier： ChangeNotifier 是一个基类，可以帮助我们实现“可观察”的对象，它包含了状态并通知监听者当状态发生改变。

Provider 的工作原理是将数据模型（Model）包装在 ChangeNotifierProvider 中，然后通过 Consumer 或 Provider.of 来访问和监听状态变化。这种方式适用于相对简单的状态管理需求，如表单数据、主题等。

二、Bloc

Bloc（Business Logic Component）： Bloc 是一种状态管理模式，专注于将业务逻辑从 UI 层分离出来。Bloc 模式建议将应用程序的状态、事件和业务逻辑分离开来，使应用更容易维护和测试。

States： 状态表示应用程序的不同状态，如加载中、成功、失败等。
Events： 事件表示用户操作或应用内的触发动作，例如按钮点击、数据请求等。
Bloc： Bloc 将状态和事件联系起来，根据事件的发生来改变状态。

Bloc 模式通常与第三方库 flutter_bloc 一起使用，该库提供了 BlocProvider 和 BlocBuilder 等小部件来简化状态管理。

三、Redux

Redux： Redux 是一种通用的状态管理模式，最初用于 Web 应用，但也在 Flutter 中得到广泛应用。Redux 的核心思想是将应用的状态存储在一个全局的状态存储容器中，状态只能通过派发动作（Actions）来修改，从而实现单一数据源、可预测的状态变化。

Store： 全局的状态存储容器，保存应用的状态。
Actions： 表示状态的变化，需要一个类型和一些数据。
Reducers： 根据接收到的 Action，更新状态并返回新的状态。
Selectors： 用于从状态中选择特定的数据。

在 Flutter 中使用 Redux 需要使用第三方库，如 flutter_redux，该库提供了用于连接 Flutter 应用和 Redux Store 的小部件。

四、GetX

GetX 是一个在 Flutter 中提供状态管理和依赖注入的强大工具包。它为开发者提供了一种简单、高效的方式来管理应用程序的状态和依赖关系。下面让我们详细讲解一下 GetX 的状态管理器部分。

状态管理：

在 GetX 中，状态管理使用了名为 Rx 的类来表示可观察的数据。Rx 类是 GetX 的核心概念之一，它允许你将数据转换为可被监听的流，并且可以在数据发生变化时通知观察者。以下是一些重要的 Rx 类：

RxInt, RxDouble, RxString, …：用于表示整数、浮点数、字符串等类型的可观察数据。
RxList, RxSet, RxMap：用于表示集合类型的可观察数据。
RxBool：用于表示布尔类型的可观察数据。
RxNotifier：用于自定义对象的可观察数据。
dart

// 示例：使用 RxIntfinal count = RxInt(0);// 监听数据变化ever(count, (value) {  print('Count changed to $value');});// 更新数据count.value++;

状态更新：

使用 GetX 更新状态非常简单。你可以直接通过 .value 属性来更新可观察数据的值。GetX 会自动通知订阅了该数据的观察者。

final count = RxInt(0);// 更新数据count.value++; // 通知观察者数据变化

依赖注入：

GetX 也提供了依赖注入的功能，使得在应用中的不同部分共享实例变得容易。你可以使用 Get.put() 方法来注册实例，并且使用 Get.find() 来获取已注册的实例。

class MyController extends GetxController {  // Your controller code}// 注册控制器实例Get.put(MyController());// 获取实例MyController myController = Get.find<MyController>();

GetBuilder 和 Obx：

GetBuilder：这是一个小部件，它可以根据可观察数据的变化来重建部件树。你可以使用 GetBuilder 将小部件与可观察数据关联，使其在数据变化时自动重建。
Obx：这是一个更轻量级的小部件，适用于只需要监听一个可观察数据的情况。你可以通过 Obx(() => YourWidget()) 的方式来实现。
5. 其他功能：

GetX 还提供了很多其他有用的功能，如路由管理、导航、国际化等，使得开发过程更加高效。你可以通过 Get.to() 和 Get.off() 等方法来进行页面导航，通过 Get.putAsync() 来异步注册依赖项等。