flutter Radio单选框

摘要:
单选框,允许用户从一组中选择一个选项。

单选框,允许用户从一组中选择一个选项。

import 'package:flutter/material.dart';
class RadioDemo extendsStatefulWidget {
  @override
  _RadioDemoState createState() =>_RadioDemoState();
}
class _RadioDemoState extends State<RadioDemo>{
  int _radioGroupA = 0;
  void _handleRadioValueChanged(intvalue) {
    setState(() {
      _radioGroupA =value;
    });
  }
  @override
  Widget build(BuildContext context) {
    returnScaffold(
      appBar: AppBar(
        title: Text('RadioDemo'),
        elevation: 0.0,
      ),
      body: Container(
        padding: EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('RadioGroupValue: $_radioGroupA'),
            SizedBox(height: 32.0),
            RadioListTile(
              value: 0,
              groupValue: _radioGroupA,
              onChanged: _handleRadioValueChanged,
              title: Text('Options A'),
              subtitle: Text('Description'),
              secondary: Icon(Icons.filter_1),
              selected: _radioGroupA == 0,
            ),
            RadioListTile(
              value: 1,
              groupValue: _radioGroupA,
              onChanged: _handleRadioValueChanged,
              title: Text('Options B'),
              subtitle: Text('Description'),
              secondary: Icon(Icons.filter_2),
              selected: _radioGroupA == 1,
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                //Radio(
                //value: 0,
                //groupValue: _radioGroupA,
                //onChanged: _handleRadioValueChanged,
                //activeColor: Colors.black,
                //),
                //Radio(
                //value: 1,
                //groupValue: _radioGroupA,
                //onChanged: _handleRadioValueChanged,
                //activeColor: Colors.black,
                //),
],
            ),
          ],
        ),
      )
    );
  }
}

文档:https://api.flutter.dev/flutter/material/Radio-class.html

效果:

flutter Radio单选框第1张

免责声明:文章转载自《flutter Radio单选框》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Notepad++正则表达式查找替换文本中文字符【问题】如何批量导出AI文件里内嵌的图片下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

自带日期时间 showDatePicker显示中文日期_Flutter时间控件显示中文

flutter showDatePicker showTimePicker显示中文日期 1、配置flutter_localizations依赖 找到pubspec.yaml配置flutter_localizations dependencies:flutter:sdk:flutter flutter_localizations:sdk:flutter...

uniapp 之微信小程序中 radio 和checkbox颜色设置不起作用

今天,由于业务需要,设置了checkbox和radio。为了配合整体页面的样式,令选择框为紫色。 1 <view class="flex flex-direction bg-white"> 2 <label > 3 <radio color="#FF00FF"></radio>1 4...

Mac下如何配置环境变量

前不久,在玩 flutter 的时候,按照官方教程设置环境变量总是不起作用,一番搜索之后,才找到原因,并成功设置 flutter 的环境变量,于是记录一下 Mac 下如何配置环境变量。 一、个人推荐:分模块创建 1、分模块创建 个人推荐使用分模块创建环境变量,具体使用方式如下(以设置 flutter 环境变量为例): (1)、创建文件 在终端中键入以下命令...

深入理解Flutter多线程

Flutter默认是单线程任务处理的,如果不开启新的线程,任务默认在主线程中处理。 事件队列 和iOS应用很像,在Dart的线程中也存在事件循环和消息队列的概念,但在Dart中线程叫做isolate。应用程序启动后,开始执行main函数并运行main isolate。 每个isolate包含一个事件循环以及两个事件队列,event loop事件循环,以及e...

HTML、jsp页面中radio,checkbox,select数据回显功能,默认被选中问题

最近常常遇到各种复选框、单选框、下拉框的默认被选中的问题,开始也是绞尽脑汁的想办法,今天写一篇学习总结的博文来写一下学习总结。 单选框(radio)默认被选中: 一、jstl技术进行回显 <input type="radio" name="sex" <f:if test="${c.sex=='男' }">checked="checked"...

干货 | 把Flutter扩展到微信小程序端的探索

Google Flutter是一个非常优秀的跨端框架,不仅可以运行在Android、 iOS平台,而且可以支持Web和桌面应用。在国内小程序是非常重要的技术平台,我们也一直思考能否把Flutter扩展到小程序端?我们团队之前已经开源了Alita项目(https://github.com/areslabs/alita),Alita可以把React Nati...