Flutter Radio 单选按钮

 

本章节主要讲解 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;
    });
  },
),

效果图

   

 完整代码

查看完整代码