首页 > 其他分享 >RadioListTile单选按钮组

RadioListTile单选按钮组

时间:2024-01-31 17:55:19浏览次数:25  
标签:const Text value sex 单选 按钮 RadioListTile

RadioListTile单选按钮组

class RadioPage extends StatefulWidget {
  const RadioPage({super.key});
  @override
  State<RadioPage> createState() => _RadioPageState();
}

class _RadioPageState extends State<RadioPage> {
  int sex = 1;
  _radioChange(value) {
    setState(() {
      sex = value;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("Radio"),
      ),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          const SizedBox(width: 20),
          const Divider(),
          Column(
            children: [
              RadioListTile(
                  title: Text("男"),
                  value: 1,
                  groupValue: sex,
                  onChanged: _radioChange),
              RadioListTile(
                  title: Text("女"),
                  value: 2,
                  groupValue: sex,
                  onChanged: _radioChange),
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[Text("$sex"), Text(sex == 1 ? "男" : "女")],
              ),
            ],
          )
        ],
      ),
    );
  }
}

 

标签:const,Text,value,sex,单选,按钮,RadioListTile
From: https://www.cnblogs.com/xbinbin/p/17999811

相关文章

  • el-color-picker 样式修改:去掉确定按钮,失去焦点生效
    分析el-color-picker样式如下:操作:隐藏确定按钮;点击组件外区域时,实现确定功能。解决隐藏确定按钮添加自定义类名popper-class="my-color-picker",然后添加如下全局样式:<stylelang="scss">//隐藏确定按钮.my-color-picker.el-color-dropdown__btns.el-color-dropd......
  • 前端开发时,点击重置按钮,列表会回到第一页查询呢,还是查询当前页,只是把输入框的条件清空
    点击重置按钮时,列表的行为取决于具体的应用需求和设计。通常有以下两种常见情况:回到第一页并清空查询条件:当用户点击重置按钮后,应用会清除所有输入框中的查询条件,并将列表刷新回第一页的数据(通常是默认排序或无条件查询的结果)。这种设计在用户想要从头开始检索数据或者需要查看......
  • 程序运行过程中改变按钮的文本大小,你可以使用`configure`方
    在Python的Tkinter库中,你可以通过`font`参数来设置`Button`组件的文本大小²。以下是一个简单的例子:```pythonfromtkinterimport*root=Tk()button=Button(root,text="Hello",font=("Arial",20))button.pack()root.mainloop()```在这个例子中,我们创建了一个按钮并......
  • 一对一源码,前端页面权限和按钮权限控制
    一对一源码,前端页面权限和按钮权限控制页面权限是一对一源码后台系统中非常常见的需求,在前端实现页面权限和按钮权限是为了确保用户只能访问其有权访问的页面,并执行其有权执行的操作。本文介绍前端实现页面权限和按钮权限控制的流程和逻辑。1.获取用户当前权限并且存在全......
  • [office] 为Excel的工具栏添加计算器功能按钮
    在用Excel编辑文档时,有时需要计算一些数据的数值(加减乘除都可能要用到),一般我们都是点击“开始→程序→附件”再点击“计算器”,如果每次都这样操作的话就很麻烦。其实我们可以将计算器直接添加在Excel的工具栏上,方法如下。打开Excel,点击视图菜单的“工具(T)”,然后点击“自定义(C)......
  • 在 `tkinter` 中,我们经常使用匿名函数(也称为 `lambda` 函数)来处理按钮点击等事件的回
    在`tkinter`中,我们经常使用匿名函数(也称为`lambda`函数)来处理按钮点击等事件的回调函数¹²。当你使用`tkinter`的`.bind()`或者`Button`的`command`参数来绑定一个函数时,`tkinter`会自动传递一个事件对象给这个函数¹。如果你的函数需要接受额外的参数,或者你不希望......
  • MFC 菜单路由事件,按钮可用不可用
    点击b会切换a可用状态:添加Menu选项a对应IDID_DEMO_A,b对应IDID_DEMO_B。弹式菜单无法编辑ID。▲右键添加事件处理程序▲路由传递路径frame给到view如果view处理好了,就返回给frame;如果没处理的话,view会给这个路由消息给doc,如果doc没有处理,再返回给......
  • Android如何通过按钮实现页面跳转方法
    Hello大家好!我是咕噜铁蛋!在Android应用开发中,页面跳转是一项基本且常见的功能。通过按钮实现页面跳转可以为用户提供更好的交互体验,使应用更加灵活和易用。本文将介绍AndroidStudio中如何通过按钮实现页面跳转的方法,帮助开发者轻松实现这一功能。一、前提准备我们需要具备以下几个......
  • vue实现点击按钮复制到剪切板功能
    //安装clipboard.js//npminstall--saveclipboard.js<template><div>{{params}}</div><el-buttonsize="small"class="btn">复制</el-button></template><script>importClipboardfrom'cl......
  • Echarts5.0——点击还原按钮图形空白问题
    前言看下文档就可以知道问题出哪了,在setOption的时候配置下notMerge就好了,详细的可以访问文档自行查看;setOption:https://echarts.apache.org/zh/api.html#echartsInstance.setOption步骤this.chartInstance.setOption(this.option,true);render(){this.chartIns......