Flutter：封装RadioListTile为独立组件后点击无法更新选中状态

问题根源 #

你封装的_radioGender方法中，_Group是值传递的副本——Dart中枚举属于值类型，传递参数时会创建局部副本。在onChanged里调用setState修改_Group，只是改变了这个局部变量的值，并没有更新父组件的_selectedGender状态变量，所以UI不会触发刷新，选中状态自然无法切换。

修正方案 #

让子组件通过回调通知父组件更新状态，而不是修改局部参数：

1. 修改_radioGender方法，添加回调参数用于传递选中值：

Widget _radioGender(String title, Gender gender, Gender selectedGender, ValueChanged<Gender?> onChanged) {
  return RadioListTile(
    title: Text(title),
    value: gender,
    groupValue: selectedGender,
    onChanged: onChanged,
  );
}

2. 在父组件调用时，传入更新_selectedGender的逻辑：

ListView(
  children: [
    _radioGender('Female', Gender.FEMALE, _selectedGender, (newValue) {
      setState(() => _selectedGender = newValue!);
    }),
    _radioGender('Male', Gender.MALE, _selectedGender, (newValue) {
      setState(() => _selectedGender = newValue!);
    }),
    _radioGender('Other', Gender.OTHER, _selectedGender, (newValue) {
      setState(() => _selectedGender = newValue!);
    }),
  ],
)

额外优化 #

• 可以去掉多余的Builder和UniqueKey，现在状态更新逻辑正确，不需要强制刷新组件。
• 回调可以简化为箭头函数写法：

_radioGender('Female', Gender.FEMALE, _selectedGender, (newValue) => setState(() => _selectedGender = newValue!)),

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