Flutter 状态管理方案对比

一、状态管理概述

Flutter 状态管理是应用架构的核心。不同的状态管理方案适用于不同的场景。

1.1 状态分类

• 临时状态 - 组件内部状态
• 共享状态 - 多个组件共享的状态
• 全局状态 - 整个应用的状态

---

二、状态管理方案对比

2.1 Provider

class CounterProvider extends ChangeNotifier {
  int _count = 0;
  
  int get count => _count;
  
  void increment() {
    _count++;
    notifyListeners();
  }
}

// 使用
Consumer<CounterProvider>(
  builder: (context, provider, child) {
    return Text('${provider.count}');
  },
)

优点：

• 简单易用
• 轻量级
• 适合中小型项目

缺点：

• 状态变更不够直观
• 大型项目可能变得复杂

2.2 Riverpod

final counterProvider = StateProvider<int>((ref) => 0);

// 使用
Consumer(builder: (context, ref, child) {
  final count = ref.watch(counterProvider);
  return Text('$count');
});

// 修改
ref.read(counterProvider.notifier).state++;

优点：

• 解决 Provider 的限制
• 更好的测试支持
• 自动依赖追踪

缺点：

• 学习曲线较陡

2.3 Bloc

enum CounterEvent { increment, decrement }

class CounterBloc extends Bloc<CounterEvent, int> {
  CounterBloc() : super(0) {
    on<CounterEvent>((event, emit) {
      if (event == CounterEvent.increment) {
        emit(state + 1);
      } else {
        emit(state - 1);
      }
    });
  }
}

// 使用
BlocBuilder<CounterBloc, int>(
  builder: (context, state) {
    return Text('$state');
  },
)

优点：

• 状态变更可追踪
• 适合复杂业务逻辑
• 强大的测试支持

缺点：

• 代码量较大
• 学习曲线较陡

2.4 GetX

class CounterController extends GetxController {
  var count = 0.obs;
  
  void increment() => count++;
}

// 使用
GetBuilder<CounterController>(
  builder: (controller) {
    return Text('${controller.count}');
  },
)

优点：

• 功能丰富
• 代码简洁
• 性能好

缺点：

• 依赖全局静态方法
• 可能导致代码难以维护

2.5 MobX

class Counter = CounterBase with _$Counter;

abstract class CounterBase with Store {
  @observable
  int count = 0;

  @action
  void increment() => count++;
}

// 使用
Observer(
  builder: (_) => Text('${counter.count}'),
)

优点：

• 响应式编程
• 代码简洁
• 性能好

缺点：

• 需要代码生成
• 学习曲线较陡

---

三、选择建议

方案	适用场景	复杂度	推荐指数
Provider	中小型项目	低	★★★★★
Riverpod	中大型项目	中	★★★★☆
Bloc	复杂业务逻辑	高	★★★★☆
GetX	快速开发	低	★★★☆☆
MobX	响应式场景	中	★★★☆☆

3.1 小型项目

// 使用 Provider 或 GetX

3.2 中型项目

// 使用 Riverpod 或 Bloc

3.3 大型项目

// 使用 Riverpod 或 Bloc
// 结合 Clean Architecture

---

四、实战案例：状态管理架构

// 目录结构
lib/
├── providers/        # Provider/Riverpod
│   ├── auth_provider.dart
│   └── theme_provider.dart
├── blocs/            # Bloc
│   ├── counter_bloc.dart
│   └── user_bloc.dart
├── models/           # 数据模型
├── repositories/     # 数据仓库
└── views/            # UI 层

---

五、总结

状态管理方案选择：

1. 简单场景 - Provider 或 GetX
2. 中型项目 - Riverpod
3. 复杂业务 - Bloc
4. 响应式 - MobX

选择适合项目规模和团队熟悉度的方案最重要。