状态管理

这一课你将能做到

1. 用 setState 管理单个 Widget 内部状态，并清楚它的边界
2. 用 Provider + ChangeNotifier 在多个页面之间共享状态
3. 用 Riverpod 写现代化的、可测试的状态管理，并理解状态提升

为什么要学

setState 在 1-2 个页面就够用，一旦跨页面共享数据（购物车、登录用户、主题），就必须用专门的状态管理方案。不会状态管理 = 只能写 demo。

人话：setState 是「家里的便签」，Provider/Riverpod 是「公司内部的 OA 系统」。便签贴自己屏幕上行，要发给同事就得走 OA。

先建立图像

                    ┌──────────────────┐
                    │   ChangeNotifier │   ← 数据 + 通知
                    └────────▲─────────┘
                             │ notifyListeners()
                             │
       UI 层                  │                        动作层
  ┌──────────────┐            │              ┌──────────────────┐
  │ Consumer/    │  ←─────────┘              │ 按钮 onPressed   │
  │ context.watch│    自动 rebuild            │ notifier.add()   │
  └──────────────┘                            └──────────────────┘

数据单向流动：事件 → 修改 Model → Model 通知 → UI 重建。

跟着做

步骤 1：setState 的边界

setState 适合：单个 Widget 内部的、不需要跨页面共享的状态。例如表单输入、Tab 选中：

class LoginForm extends StatefulWidget {
  const LoginForm({super.key});
  @override
  State<LoginForm> createState() => _LoginFormState();
}

class _LoginFormState extends State<LoginForm> {
  String _email = '';
  bool _obscure = true;

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        TextField(onChanged: (v) => setState(() => _email = v)),
        TextField(
          obscureText: _obscure,
          decoration: InputDecoration(
            suffixIcon: IconButton(
              icon: Icon(_obscure ? Icons.visibility_off : Icons.visibility),
              onPressed: () => setState(() => _obscure = !_obscure),
            ),
          ),
        ),
        Text('当前输入：$_email'),
      ],
    );
  }
}

红线：跨页面共享、复杂业务状态、需要持久化——不要用 setState。

步骤 2：InheritedWidget 是底层

Flutter 内置 InheritedWidget，让子孙 Widget 通过 context.dependOnInheritedWidgetOfExactType 访问数据并自动 rebuild。Provider 就是对它的友好封装。理解即可，不要手写。

class Counter extends InheritedWidget {
  final int value;
  const Counter({super.key, required this.value, required super.child});

  static Counter of(BuildContext ctx) =>
      ctx.dependOnInheritedWidgetOfExactType<Counter>()!;

  @override
  bool updateShouldNotify(Counter old) => value != old.value;
}