Flutter中如何修改Radio组件的边框颜色

解决方案 #

你给Radio组件加个fillColor属性就能实现想要的未选中状态着色效果，这个属性可以根据组件当前的状态返回对应的颜色值，修改后的代码参考：

Radio(
  value: 2,
  groupValue: val,
  onChanged: (value) {
    setState(() {
      val = value;
    });
  },
  activeColor: secondaryColor,
  // 新增fillColor配置不同状态的颜色
  fillColor: MaterialStateProperty.resolveWith<Color>((states) {
    // 选中状态用你原本设置的激活色
    if (states.contains(MaterialState.selected)) {
      return secondaryColor;
    }
    // 未选中状态的颜色可以按需调整，这里用同色系低透明度做示例
    return secondaryColor.withOpacity(0.5);
  }),
  // 如果你还想调整未选中时的边框粗细，可以再加个side属性
  side: BorderSide(color: secondaryColor, width: 1.5),
)

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