3.1 状态管理概述

状态管理是 Flutter 应用开发中最核心的话题之一。选择合适的状态管理方案，直接影响项目的可维护性和开发效率。

一、什么是状态（State）？

在 Flutter 中，状态是指会随时间变化、并影响 UI 展示的数据。

// 这些都是"状态"int _counter=0;// 计数器bool _isLoading=false;// 加载状态User?_currentUser;// 当前用户List<Product>_cart=[];// 购物车列表ThemeMode_theme=ThemeMode.system;// 主题模式

二、局部状态 vs 全局状态

2.1 局部状态（Local State）

只在单个 Widget 或小范围内使用的状态，生命周期与 Widget 相同。

特征：

• 仅当前 Widget 及其子 Widget 需要访问
• 不需要跨页面或跨组件共享
• 组件销毁时状态随之消失

适合的状态类型：

实现方案：setState/ValueNotifier

classExpandableCardextendsStatefulWidget{constExpandableCard({super.key});@overrideState<ExpandableCard>createState()=>_ExpandableCardState();}class_ExpandableCardStateextendsState<ExpandableCard>{bool _expanded=false;// 局部状态：仅此卡片关心@overrideWidgetbuild(BuildContextcontext){returnCard(child:Column(children:[ListTile(title:constText('点击展开'),trailing:Icon(_expanded?Icons.expand_less:Icons.expand_more),onTap:()=>setState(()=>_expanded=!_expanded),),if(_expanded)constPadding(padding:EdgeInsets.all(16),child:Text('详细内容...'),),],),);}}

2.2 全局状态（Global State）

需要在多个 Widget、多个页面之间共享的状态。

特征：

• 多个不相关的 Widget 都需要读取
• 状态变化需要通知所有依赖方更新 UI
• 生命周期独立于特定 Widget

适合的状态类型：

实现方案：Provider / Riverpod / GetX / Bloc

三、如何选择状态管理方案？

你的状态需要跨 Widget 共享吗？ ├── 否 → setState / ValueNotifier（局部状态） └── 是 → 是否只是 2-3 层祖先-子孙关系？ ├── 是 → InheritedWidget / Provider（轻量） └── 否 → 复杂业务逻辑？ ├── 小/中型项目 → Provider / GetX / Riverpod └── 大型项目，事件驱动 → Bloc / Redux

方案对比矩阵

四、状态管理的核心问题

4.1 状态提升（Lifting State Up）

当两个兄弟 Widget 需要共享状态时，将状态提升到共同的父 Widget 中：

// ❌ 不好：两个兄弟 Widget 各自持有状态，无法同步classSiblingAextendsStatefulWidget{...}// 持有 selectedColorclassSiblingBextendsStatefulWidget{...}// 需要 selectedColor 但获取不到// ✅ 好：状态提升到父 WidgetclassParentWidgetextendsStatefulWidget{@overrideState<ParentWidget>createState()=>_ParentWidgetState();}class_ParentWidgetStateextendsState<ParentWidget>{Color_selectedColor=Colors.blue;// 提升到父级@overrideWidgetbuild(BuildContextcontext){returnColumn(children:[ColorPicker(selectedColor:_selectedColor,onColorChanged:(color)=>setState(()=>_selectedColor=color),),ColorPreview(color:_selectedColor),// 消费状态],);}}

4.2 单向数据流

好的状态管理遵循单向数据流原则：

用户操作 (Action) ↓ 状态更新 (State Update) ↓ UI 重建 (Rebuild) ↓ 用户操作 (Action) ← 循环

4.3 状态的不可变性

推荐使用不可变状态对象，每次更新返回新对象：

@immutableclassCartState{finalList<CartItem>items;finaldouble totalPrice;finalbool isLoading;constCartState({this.items=const[],this.totalPrice=0,this.isLoading=false,});// copyWith 模式：创建新状态CartStatecopyWith({List<CartItem>?items,double?totalPrice,bool?isLoading,}){returnCartState(items:items??this.items,totalPrice:totalPrice??this.totalPrice,isLoading:isLoading??this.isLoading,);}}

小结

👉 下一节：3.2 原生方案（setState / InheritedWidget / Provider）