版权声明:署名,允许他人基于本文进行创作,且必须基于与原先许可协议相同的许可协议分发本文 (Creative Commons)
本章节主要讲解 Radio 和 RadioListTile 单选按钮
参数讲解
属性 | 说明 |
Radio 单选按钮 | |
value | 此单选按钮表示的值(可设定为id) |
groupValue | 此组单选按钮的当前选定值 |
onChanged | 监听 |
activeColor | 选择此单选按钮时使用的颜色 |
materialTapTargetSize | 配置tap目标的最小大小 |
RadioListTile 单选按钮 |
|
value | 此单选按钮表示的值(可设定为id) |
groupValue | 此组单选按钮的当前选定值 |
onChanged | 监听 |
activeColor | 选中此复选框时要使用的颜色 |
title | 列表主标题 |
subtitle | 列表副标题 |
isThreeLine | 默认false |
dense | 此列表平铺是否是垂直密集列表的一部分。 |
secondary | 显示在复选框前面的小部件 |
selected | 默认false |
controlAffinity | 控件相对于文本的位置, 默认 ListTileControlAffinity.platform |
代码示例
Radio 单选按钮
Radio(
value:1,
groupValue:this.groupValuea,
onChanged:(v){
setState(() {
this.groupValuea = v;
});
},
),
RadioListTile 单选按钮
RadioListTile(
value:1,
groupValue:this.groupValueb,
title: Text('A:山区道路'),
onChanged:(v){
setState(() {
this.groupValueb = v;
});
},
),
效果图