状态 (State) 管理参考

状态管理是一个相当复杂的话题。如果您在浏览后发现一些问题并未得到解答，或者并不适用于您的具体需求场景，自信些，您的实现就是对的。

通过下面的链接了解更多的信息，其中有很多信息都是由社区（第三方）提供。

总体概览

在选择一个具体内容前，您可以先查看以下几项。

• 状态管理的介绍。这是本篇内容的总起。（当您直接跳转到了该页面，但错过了其他页面时，可以先从这里开始阅读）

• Flutter 实用状态管理 (Pragmatic State Management in Flutter)，来自 Google I/O 2019 的介绍视频。

• Flutter 架构实例 (Flutter Architecture Samples)， Brian Egan 著。

Provider

• 简易的应用状态管理 (Simple app state management)，这是本节内容的上篇。

• 使用 Provider package

Riverpod

Riverpod 是另一个不错的选择，它类似于 Provider，并且是编译安全和可测试的。 Riverpod 不依赖于 Flutter SDK。

• Riverpod 项目主页

• 开始上手使用 Riverpod

setState

适用于较小规模 widget 的暂时性状态的基础管理方法。

• 为你的 Flutter 应用添加交互 (Adding interactivity to your Flutter app)，一篇 Flutter 的教程。

• Flutter 中的基础状态管理 (Basic state management in Google Flutter)，Agung Surya 著。

InheritedWidget & InheritedModel

Widget tree 中不同层级间的 widget 通信的基础方法。这是诸如 provider 等众多方法的底层实现。

以下讲师指导的视频 workshop 介绍了如何使用 InheritedWidget：

其他有用的文档包括：

• InheritedWidget 文档 (InheritedWidget docs)

• 使用 InheritedWidgets 管理 Flutter 应用状态 (Managing Flutter Application State With InheritedWidgets)， Hans Muller 著。

• 继承 Widgets (Inheriting Widgets)， Mehmet Fidanboyly 著。

• 高效地使用 Flutter 继承 Widgets (Using Flutter Inherited Widgets Effectively)，Eric Windmill 著。

• Widget - State - Context - InheritedWidget，Didier Bolelens 著。

Redux

前端开发者较为熟悉的状态容器实现。

• 使用 Redux 在 Flutter 中管理动画 (Animation Management with Redux and Flutter)，来自 DartConf 2018 的视频， 以及 Medium 的配套文章 (Accompanying article on Medium)。

• Flutter Redux 依赖包

• Dart 与 Flutter 中的 Redux 中间件 Saga，Bilal Uslu 著

• Flutter 中的 Redux 介绍， Xavi Rigau 著。

• Flutter + Redux—构建一个购物列表 APP (Flutter + Redux—How to make a shopping list app)，发布于 Hackernoon，Paulina Szklarska 著。

• 用 Flutter Redux 构建一个任务应用 (CRUD) —第一部分 (Building a TODO application (CRUD) in Flutter with Redux—Part 1)，由 Tensor Programming 制作的视频。

• Flutter Redux Thunk 示例 (Flutter Redux Thunk, an example)，Jack Wong 著。

• 使用 Redux 构建（大型）Flutter 应用 (Building a (large) Flutter app with Redux)，Hillel Coren 著。

• Fish-Redux—基于 Redux 封装的 Flutter 应用框架 (Fish-Redux–An assembled flutter application framework based on Redux)，阿里巴巴著。

• 异步 Redux—没有模板的 Redux，允许同步和异步 reducers (Async Redux–Redux without boilerplate. Allows for both sync and async reducers)，Marcelo Glasberg 著。

• 当 Flutter 遇见 Redux：以 Redux 的风格管理 Flutter 应用的状态 (Flutter meets Redux: The Redux way of managing Flutter applications state)，Amir Ghezelbash 著。

• 使用 Redux 和 redux_epics 更好的管理 Flutter 代码，Nihad Delic 著。

• 使用 Redux 更好地组织 Flutter 应用的代码以管理项目目标 (Redux and epics for better-organized code in Flutter apps)，Nihad Delic 著。

Fish-Redux

Fish Redux 是一个基于 Redux 状态管理的组合式 Flutter 应用框架，适用于构建中型和大型应用。

• 由阿里巴巴开发的 Fish-Redux-Library package

• Fish-Redux-Source，工程代码

• Flutter-Movie 展示如何使用 Fish Redux 的简单示例应用，包含 30 多个页面、graphql、支付 api 和媒体播放器等。

BLoC / Rx

基于流/观察者模式的系列。

• 使用 BLoC 模式构建你的 Flutter 项目 (Architect your Flutter project using BLoC pattern)， Sagar Suri 著。

• BLoC 库 (BLoC Library)，Felix Angelov 著。

• 响应式编程 - 流 - BLoC - 用例 (Reactive Programming - Streams - BLoC - Practical Use Cases)， Didier Boelens 著。

GetIt

A service locator based state management approach that doesn’t need a BuildContext.

• GetIt package, the service locator. It can also be used together with BloCs.
• GetIt Mixin package, a mixin that completes GetIt to a full state management solution.
• GetIt Hooks package, same as the mixin in case you already use flutter_hooks.
• Flutter state management for minimalists, by Suragch

MobX

一个基于观察及响应的状态管理常用库。

• MobX.dart 轻松管理你的 Dart 及 Flutter 应用状态 (MobX.dart, Hassle free state-management for your Dart and Flutter apps)

• 开始使用 MobX.dart (Getting started with MobX.dart)

• Flutter：使用 MobX 进行状态管理 (Flutter: State Management with Mobx)

Flutter Commands

基于 ValueNotifiers 的命令式的状态管理，能与 GetIt 完美结合使用，也可以与 Provider 或者其他 locators 配合使用。

• Flutter Command package
• RxCommand package, 基于 Stream 的实现.

Binder

一个使用 InheritedWidget 作为核心实现的状态管理库。受到 recoil 的启发，该库提供了分治的解决方式。

• Binder 包

• Binder 样例

• Binder snippets 是一个 vscode 插件，能够将代码拆分以获得更高的生产力

GetX

一个简单的响应式状态管理解决方案。

• GetX package
• GetX Flutter Firebase Auth Example, by Jeff McMorris

states_rebuilder

一种将状态管理与依赖注入解决方案和集成路由器相结合的方法。更多信息，请参阅以下信息：

• States Rebuilder 项目代码

• States Rebuilder documentation

Triple Pattern (Segmented State Pattern)

Triple is a pattern for state management that uses Streams or ValueNotifier. This mechanism (nicknamed triple because the stream always uses three values: Error, Loading, and State), is based on the Segmented State pattern.

For more information, refer to the following resources:

• Triple documentation
• Flutter Triple package
• Triple Pattern: A new pattern for state management in Flutter (blog post written in Portuguese but can be auto-translated)
• VIDEO: Flutter Triple Pattern by Kevlin Ossada (recorded in English)

solidart

A simple but powerful state management solution inspired by SolidJS.

• Official Documentation
• solidart package
• flutter_solidart package

flutter_reactive_widget

An ultra-low-boilerplate solution for state management, flutter_reactive_widget defines ReactiveWidget and ReactiveValue. Any read of a ReactiveValue’s value within a ReactiveWidget definition automatically causes the ReactiveWidget to listen for changes on the ReactiveValue.

Also includes a definition for PersistentReactiveValue, a subclass of ReactiveValue whose latest value persists, surviving app restarts.

• flutter_reactive_widget source and documentation