父组件更新时如何保留Stateful Widget的状态？

你的核心问题是父组件因Cubit状态更新重建时，子组件RadioButtons的State对象被重置。以下是两种可靠的解决方法：

方案一：添加固定Key并确保回调参数稳定 #

Flutter通过Key+runtimeType+参数相等性判断是否复用现有State。给子组件添加固定Key，同时保证回调引用稳定，就能让Flutter复用原State对象。

修改父组件中的RadioButtons代码：

RadioButtons(
  key: const ValueKey('radio_buttons'), // 添加固定Key
  onOptionChanged: context.read<ExcersiceCubit>().onChnageCallback,
)

• 使用ValueKey并传入固定字符串，确保每次父组件重建时，子组件的Key完全一致
• 直接传递Cubit的成员方法引用（而非匿名函数），保证回调参数的引用稳定

这样父组件重建时，Flutter会识别出前后的RadioButtons是同一个组件，从而保留原State中的_selected值。

方案二：子组件直接从Context获取Cubit，移除回调参数 #

这种方式从根源上消除了参数变化导致的重建问题，子组件不再依赖外部传递的回调：

修改子组件代码 #

class RadioButtons extends StatefulWidget {
  const RadioButtons({super.key}); // 移除onOptionChanged参数

  @override
  State<RadioButtons> createState() => _RadioButtonsState();
}

class _RadioButtonsState extends State<RadioButtons> {
  String _selected = 'a';
  
  @override
  Widget build(BuildContext context) {
    final exerciseCubit = context.read<ExcersiceCubit>();
    return Row(
      children: [
        Radio(
          value: 'a',
          groupValue: _selected,
          onChanged: (_) {
            setState(() => _selected = 'a');
            exerciseCubit.onChnageCallback();
          },
        ),
        Radio(
          value: 'b',
          groupValue: _selected,
          onChanged: (_) {
            setState(() => _selected = 'b');
            exerciseCubit.onChnageCallback();
          },
        ),
      ],
    );
  }
}

父组件中简化调用 #

RadioButtons(key: const ValueKey('radio_buttons'))

关键注意事项 #

• 避免使用匿名函数作为回调参数（比如() => cubit.onChnageCallback()），因为每次build都会生成新的函数引用，导致Flutter判定组件参数变化，强制重建State
• 不要使用UniqueKey，它会每次生成新Key，反而强制重建State；GlobalKey仅用于跨组件获取实例，此处无需使用

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