1.Checkbox 复选框:
value 是否选中此复选框 onChanged 监听 当复选框的值应该更改时调用 tristate 默认false,如果为true,复选框的值可以为true、false或null。 activeColor 选中此复选框时要使用的颜色 checkColor 选中此复选框时用于复选图标的颜色 materialTapTargetSize 配置tap目标的最小大小
简单使用:
bool check=false;
Checkbox( value: check, onChanged: (value) { setState(() { check = !check; }); })
2.自定义圆形CheckBox:
引用插件
roundcheckbox: ^2.0.4+1 #自定义圆形CheckBox插件
import 'package:roundcheckbox/roundcheckbox.dart'; //自定义圆形CheckBox插件 使用方法 RoundCheckBox( size: 15,//checkBox大小 checkedWidget: const Icon( Icons.check, color: Colors.white, size: 10, ), checkedColor: const Color(0xFF3C78FF), uncheckedColor: const Color(0x003C78FF), border: Border.all( color: getCheckBoxBorderColor(), width: 1), isChecked: check, onTap: (selected) { check = selected!; setState(() {}); }),
3.CheckboxListTile 复选框
value 是否选中此复选框
onChanged 监听 当复选框的值应该更改时调用
activeColor 选中此复选框时要使用的颜色
title 列表主标题
subtitle 列表副标题
isThreeLine 默认false
dense 此列表平铺是否是垂直密集列表的一部分。
secondary 显示在复选框前面的小部件
selected 选中后文字高亮,默认false
controlAffinity 控件相对于文本的位置,默认 ListTileControlAffinity.platform
使用:
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; }); }, ),
CheckboxListTile 暂时没用到,先记录一下。