Flutter中使用动态对象创建Radio按钮无法选中的问题排查

我一眼就发现了两个核心问题，这正是导致单选按钮点击后没有选中效果的根源：

1. 局部变量覆盖了类成员变量 #

你在getApiData的setState代码块里定义了局部变量radioListView，而不是更新类的成员变量radioListView。这就意味着UI上实际使用的列表根本没被更新——你新创建的RadioListTile只存在于这个局部作用域里，和界面渲染的列表完全没关系。

修复方法很简单：直接操作类的成员变量，不要重新定义局部变量：

// 先确保你的类中已经声明了这个成员变量
List<RadioListTile> radioListView = [];

void getApiData() async {
  // ... 获取apidata的异步逻辑 ...
  setState(() {
    radioListView.clear(); // 清空旧数据
    for (Map<String, dynamic> c in apidata) {
      radioListView.add(RadioListTile(
        activeColor: Colors.black,
        groupValue: _groupValue,
        value: c['option_value'],
        title: Text(c['title']), // 这里你之前漏了Text Widget！title需要接收Widget类型
        onChanged: (value) {
          setState(() {
            _groupValue = value;
          });
        },
      ));
    }
  });
}

2. value与groupValue的类型不匹配 #

你的_groupValue声明为int类型，但API返回的c['option_value']大概率是String类型（比如"1"、"2"这种字符串格式的数字）。此时点击单选按钮后，_groupValue会被赋值为String类型，而RadioListTile的groupValue还是int类型，两者对比不相等，自然不会显示选中状态。

你可以二选一修复：

• 方式一：把_groupValue改成String类型：

  String? _groupValue; // 初始值可以设为''，根据API返回调整
  

• 方式二：将API返回的option_value转为int类型：

  value: int.parse(c['option_value']),
  

  要是API返回的option_value可能存在非数字情况，建议用int.tryParse做安全转换，避免崩溃。

额外优化建议 #

如果数据量较大，建议用ListView.builder代替手动创建列表，性能会更好，代码也更简洁：

child: Align(
  alignment: Alignment.center,
  child: ListView.builder(
    shrinkWrap: true, // 适配内容高度
    itemCount: apidata.length,
    itemBuilder: (context, index) {
      var item = apidata[index];
      return RadioListTile(
        activeColor: Colors.black,
        groupValue: _groupValue,
        value: int.parse(item['option_value']), // 或String类型，根据你的选择调整
        title: Text(item['title']),
        onChanged: (value) {
          setState(() {
            _groupValue = value;
          });
        },
      );
    },
  ),
),

这样你连radioListView变量都不需要维护了，直接用API返回的原始数据渲染即可。

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