【Flutter 问题系列第 23 篇】修改 Radio 组件未被选中时的默认颜色

这是【Flutter 问题系列第 23 篇】，如果觉得有用的话，欢迎关注专栏。

Radio 是一个单选控件，默认选中和未被选中时的状态如下图所示 Radio 组件有一个属性是 activeColor ，用来修改选中状态下控件的颜色，但该组件并没有提供修改默认未被选中时控件的颜色，那如何修改呢？

解决方案

在 Radio 外套一层 Theme 组件，对其 ThemeData 属性设置 unselectedWidgetColor 的颜色即可，示例代码如下

Theme(
  data: ThemeData(unselectedWidgetColor: Color(0xFFEC407A)), // 未选中颜色为 pink
  child: Radio(
    value: _curIndex,
    groupValue: 1,
    onChanged: (index){},
  ),
),

效果图如下所示 举一反三，修改其它未被选中时组件的颜色也同样适用。

你的问题得到解决了吗？欢迎在评论区留言。

赠人玫瑰，手有余香，如果觉得文章不错，希望可以给个一键三连，感谢。

结束语 Google 的 Flutter 越来越火，截止 2021年6月23日 GitHub 标星已达 123K，Flutter 毅然是一种趋势，所以作为前端开发者，没有理由不趁早去学习。 无论你是 Flutter 新手还是已经入门了，不妨先点个关注，后续我会将 Flutter 中的常用组件（含有源码分析、组件的用法及注意事项）以及可能遇到的问题写到 CSDN 博客中，希望自己学习的同时，也可以帮助更多的人。