Flutter问题：ListView内Radio按钮点击后无法更新选中状态

你遇到的问题是：点击ListView内的Radio选项后，控制台能打印出更新后的_oneValue，但Radio按钮的选中状态没有同步更新。以下是问题排查和修复方案：

问题核心原因 #

1. 列表项无唯一标识：ListView默认会复用结构相似的列表项，导致Flutter无法识别选中状态的变化，进而不更新UI。
2. 状态作用域不明确：若_oneValue不是StatefulWidget的成员变量，setState无法触发组件重建。

修复步骤及代码示例 #

1. 确保组件是StatefulWidget，且_oneValue是State类的成员变量
2. 给每个列表项添加唯一Key，避免Flutter复用旧组件
3. 显式指定Radio的泛型类型，避免类型推断错误

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

  @override
  State<TimeSlotPicker> createState() => _TimeSlotPickerState();
}

class _TimeSlotPickerState extends State<TimeSlotPicker> {
  // 确保_state变量属于State类成员
  String _oneValue = '';
  final List<String> timeSlot = [
    "١٢:٠٠ منتصف الليل",
    "١:٠٠ صباحا",
    // 补充其他时间段
  ];

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemCount: timeSlot.length,
      itemBuilder: (context, i) {
        return Row(
          // 给每个列表项添加唯一Key，基于时间段字符串
          key: ValueKey(timeSlot[i]),
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Expanded(
              child: Text(
                timeSlot[i],
                style: Typographies.largeBodyStyle(),
              ),
            ),
            // 显式指定Radio泛型为String
            Radio<String>(
              activeColor: ColorManager.black,
              value: timeSlot[i],
              groupValue: _oneValue,
              onChanged: (value) {
                setState(() {
                  _oneValue = value!;
                  print(_oneValue);
                });
              },
            )
          ],
        );
      },
    );
  }
}

额外说明 #

• 若时间段存在重复值，可改用UniqueKey()作为列表项的Key
• 推荐使用ListTile组件替代手动拼接Row，更符合Material Design规范且简化布局

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