Flutter 复选框有两种：一是精简版Checkbox复选框，二是自带标题和副标题CheckboxListTile复选框

参数详解

属性	说明
Checkbox 复选框
value	是否选中此复选框
onChanged	监听当复选框的值应该更改时调用
tristate	默认false，如果为true，复选框的值可以为true、false或null。
activeColor	选中此复选框时要使用的颜色
checkColor	选中此复选框时用于复选图标的颜色
materialTapTargetSize	配置tap目标的最小大小
CheckboxListTile 复选框
value	是否选中此复选框
onChanged	监听当复选框的值应该更改时调用
activeColor	选中此复选框时要使用的颜色
title	列表主标题
subtitle	列表副标题
isThreeLine	默认false
dense	此列表平铺是否是垂直密集列表的一部分。
secondary	显示在复选框前面的小部件
selected	选中后文字高亮，默认false
controlAffinity	控件相对于文本的位置，默认 ListTileControlAffinity.platform

代码示例

Checkbox 复选框

Checkbox(value: this.valueb, onChanged: (bool value) {setState(() {this.valueb = value; });},
),

CheckboxListTile 复选框

CheckboxListTile(secondary: const Icon(Icons.alarm_on),title: const Text('每天6：10 响铃'),subtitle: Text('12小时58分钟后响铃'),value: this.valued, onChanged: (bool value) {setState(() {this.valued = value; });},
),

效果图

完整代码

查看完整代码

Flutter Checkbox 复选框相关推荐

js checkbox复选框实现单选功能
本文仅供学习交流使用,demo下载见文末 js checkbox复选框实现单选功能 <script type="text/javascript">$(":ch ...
checkbox复选框样式
随着现代浏览器的流行,纯CSS设置checkbox也变的很是实用,下面会讲到5种与众不同的checkbox复选框. 首先,需要添加一段CSS隐藏所有的Checkbox复选框,下面我们会改变它的外观.要 ...
android勾选控件_Android中CheckBox复选框控件使用方法详解
CheckBox复选框控件使用方法,具体内容如下一.简介 1. 2.类结构图二.CheckBox复选框控件使用方法这里是使用java代码在LinearLayout里面添加控件 1.新建Linea ...
js获取checkbox复选框获取选中的选项
分享下javascript获取checkbox 复选框获取选中的选项的方法. 有关javascript 获取checkbox复选框的实例数不胜数. js实现: var form = document. ...
Ext.form.field.CheckBox复选框和Ext.form.field.Radio单选框
1.Ext.form.field.CheckBox和Ext.form.field.Radio主要配置项目配置项类型说明 boxLabel String 紧靠复选框的文字描述 boxLabelAl ...
checkbox取值 php_php获取checkbox复选框的内容
由于checkbox属性,所有必须把checkbox复选择框的名字设置为一个如果checkbox[],php才能读取,以数据形式,否则不能正确的读取checkbox复选框的值哦. 复选二复选三复选 ...
html5复选框控制按钮状态,HTML5如何添加原生radio按钮和checkbox复选框转换为非常好看的滑动开关按钮的插件...
本篇教程探讨了HTML5如何添加原生radio按钮和checkbox复选框转换为非常好看的滑动开关按钮的插件,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < ...
html 弹出复选框,js点击文本框弹出可选择的checkbox复选框
本文分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解 ...
layui table勾选框的修改_Layui默认选中table的CheckBox复选框方法_飛雲_前端开发者...
方法一:如何根据条件判断是否默认选中table表格前面的复选框 table.render({ elem: '#userTable' , url: '../sysRole/getUserList' , ...

Flutter Checkbox 复选框

参数详解

代码示例

效果图

完整代码

Flutter Checkbox 复选框相关推荐

最新文章

热门文章