Flutter Radio 单选按钮

最新推荐文章于 2025-09-02 02:22:52 发布

原创最新推荐文章于 2025-09-02 02:22:52 发布 · 1.2w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#Flutter Radio 单选按钮 #Flutter单选按钮 #Flutter RadioListTile

Flutter 基础专栏收录该内容

73 篇文章

订阅专栏

本文详细介绍了Flutter中Radio和RadioListTile组件的使用方法，包括各参数的意义及代码示例。通过阅读，读者可以了解如何在Flutter应用中实现单选按钮功能。

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