Flutter单选按钮无法选中问题求助：点击后无选中状态显示

我帮你排查出了两个关键问题，这就是为什么单选按钮既不默认选中也无法响应点击的原因：

问题1：初始状态不匹配 #

你的groupValue初始值设为0，但三个单选按钮的value分别是1、2、3，两者完全不匹配，所以默认情况下没有任何按钮会被选中。如果需要默认选中某一项，你得把groupValue的初始值改成对应按钮的value。

问题2：弹窗UI无法响应状态更新 #

当你点击单选按钮调用setState时，这个setState只会触发原页面（AdminHomeContent）的重建，但弹窗（AlertDialog）是通过showDialog创建的独立上下文，原页面的状态更新无法传递到弹窗，导致弹窗UI不会刷新，所以你看不到按钮被选中的效果。

修复后的代码 #

核心解决方法是用StatefulBuilder包裹弹窗内容，让弹窗能够监听状态变化并刷新自身。这里是修改后的getStatus方法：

Future<dynamic> getStatus(BuildContext context) {
  return showDialog(
    context: context,
    builder: (BuildContext context) {
      // 使用StatefulBuilder让弹窗能响应状态变化
      return StatefulBuilder(
        builder: (context, setState) {
          return AlertDialog(
            content: SingleChildScrollView(
              child: Container(
                child: Column(
                  children: [
                    Row(
                      children: [
                        Radio(
                          value: 1,
                          activeColor: Colors.blue,
                          groupValue: groupValue,
                          onChanged: (int? v) {
                            if (v != null) {
                              print(v);
                              // 更新原页面的状态
                              this.setState(() {
                                groupValue = v;
                              });
                              // 刷新弹窗UI
                              setState(() {});
                            }
                          },
                        ),
                        Text(keyList[2], style: TextStyle(color: keyColor[2]))
                      ],
                    ),
                    Row(
                      children: [
                        Radio(
                          value: 2,
                          activeColor: Colors.blue,
                          groupValue: groupValue,
                          onChanged: (int? v) {
                            if (v != null) {
                              print(v);
                              this.setState(() {
                                groupValue = v;
                              });
                              setState(() {});
                            }
                          },
                        ),
                        Text(keyList[3], style: TextStyle(color: keyColor[3]))
                      ],
                    ),
                    Row(
                      children: [
                        Radio(
                          value: 3,
                          activeColor: Colors.blue,
                          groupValue: groupValue,
                          onChanged: (int? v) {
                            if (v != null) {
                              print(v);
                              this.setState(() {
                                groupValue = v;
                              });
                              setState(() {});
                            }
                          },
                        ),
                        Text(keyList[1], style: TextStyle(color: keyColor[1]))
                      ],
                    )
                  ],
                ),
              ),
            ),
          );
        },
      );
    },
  );
}

额外提示 #

1. 空安全适配：Flutter 2.0+ 后Radio的onChanged参数是void Function(T?)，所以必须对v做非空判断，避免运行时错误。
2. 默认选中设置：如果需要默认选中第一个按钮，只需要把groupValue的初始值改成1即可：

   int groupValue = 1;
   

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