Flutter+BLoC多步骤表单问题：展开卡片时历史表单key.currentState为空

• 非视口组件状态被回收：展开最后一步的自定义卡片后，页面高度增加，前面步骤的表单组件可能被滚动出视口。Flutter滚动组件默认会回收不在视口内的组件状态，导致这些表单的GlobalKey.currentState变为null；而折叠卡片时页面高度足够，前面的表单组件仍在视口内，状态得以保留。
• 布局重排触发组件卸载：如果可展开卡片使用了AnimatedSize这类会引发父布局大幅重排的组件，可能间接触发Stepper中未激活步骤的组件被临时卸载，进而丢失状态。

1. 给步骤表单添加状态保持
   让每个步骤的表单组件混入AutomaticKeepAliveClientMixin，强制Flutter保留组件状态，即使它不在视口内：

class StepForm extends StatefulWidget {
  const StepForm({super.key});

  @override
  State<StepForm> createState() => _StepFormState();
}

class _StepFormState extends State<StepForm> with AutomaticKeepAliveClientMixin {
  @override
  bool get wantKeepAlive => true; // 关键：返回true保持状态

  final _formKey = GlobalKey<FormState>();

  @override
  Widget build(BuildContext context) {
    super.build(context); // 必须调用super.build
    return Form(
      key: _formKey,
      // 表单内容...
    );
  }
}

2. 检查Stepper配置
   确保Stepper没有设置销毁非当前步骤的逻辑。如果是自定义Stepper实现，避免只渲染当前步骤的组件，要保留所有步骤的widget，仅控制显示状态。

3. 优化展开卡片布局
   避免卡片展开时引发极端布局重排，比如给卡片设置固定最大高度，或使用CustomScrollView配合sliver组件，降低滚动时的组件回收概率。

4. 通过BLoC统一管理表单状态
   把每个表单的输入数据同步到BLoC状态中，最终校验时直接从BLoC读取所有步骤的输入数据进行合法性检查，从根源上避免依赖GlobalKey.currentState：

• 表单字段输入变化时，发送事件更新BLoC状态
• 统一校验时，直接从BLoC状态提取数据完成校验

内容的提问来源于stack exchange，提问作者Nejc Podlogar