Flutter开发之——交互组件-Radio和RadioListTile

const Radio({

Key? key,

required this.value,

required this.groupValue,

required this.onChanged,

this.mouseCursor,

this.toggleable = false,

this.activeColor,

this.fillColor,

this.focusColor,

this.hoverColor,

this.overlayColor,

this.splashRadius,

this.materialTapTargetSize,

this.visualDensity,

this.focusNode,

this.autofocus = false,

})

2.2 常用属性

| 属性 | 说明 | 取值 |

| :-: | :-: | :-: |

| value | 按钮被选中的值 | T |

| groupValue | 一组按钮中被选中的值 | T |

| activeColor | 选中颜色 | Colors |

| onChanged | 选中变化回调 | final ValueChanged<T?>? |

2.3 示例(一个Radio)

代码

var _radioValue = “1”;

var _groupValue = “”;

Radio(

value: _radioValue,

activeColor: Colors.red,

groupValue: _groupValue,

onChanged: (value) {

setState(() {

_groupValue = value;

});

})

效果图

[外链图片转存中…(img-bW526pQ4-1710837099663)]

2.4 示例(多个Radio)

代码

var _radioGroupValue = ‘选项1’;

Row(

mainAxisAlignment: MainAxisAlignment.center,

children: [

Radio(

value: “选项1”,

groupValue: _radioGroupValue,

onChanged: (value) {

setState(() {

_radioGroupValue = value;

});

}),

Radio(

value: “选项2”,

groupValue: _radioGroupValue,

onChanged: (value) {

setState(() {

_radioGroupValue = value;

});

}),

Radio(

value: “选项3”,

groupValue: _radioGroupValue,

onChanged: (value) {

setState(() {

_radioGroupValue = value;

});

})

],

)

效果图

[外链图片转存中…(img-XrLpmYyR-1710837099663)]

三 RadioListTile

---

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

最后

愿你有一天，真爱自己，善待自己。

本文在开源项目：Android开发不会这些？如何面试拿高薪 中已收录，里面包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…

加下面V无偿领取！（备注Android）**
[外链图片转存中…(img-vyHr5V35-1710837099665)]

最后

愿你有一天，真爱自己，善待自己。

本文在开源项目：Android开发不会这些？如何面试拿高薪 中已收录，里面包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…