【Flutter】六、Flutter之表单多选框——Checkbox、CheckboxListTile
Checkbox和CheckboxListTile都是多选框控件,CheckboxListTile可以设置title,Checkbox只显示一个多选框。
一、CheckBox
1.1 CheckBox构造器
const Checkbox({
Key key,
@required this.value,
this.tristate = false,
@required this.onChanged,
this.activeColor,
this.checkColor,
this.materialTapTargetSize,
}) : assert(tristate != null),
assert(tristate || value != null),
super(key: key);
2.2 CheckBox属性说明
属性 | 说明 |
---|---|
bool value | 是否被选中 |
ValueChanged onChanged | 状态被改变的回调 |
Color activeColor | 被选中时的颜色 |
Color checkColor | 被选中时图标的颜色,就是对号的颜色,默认为Color(0xFFFFFFFF) |
bool tristate | 是否为三个状态 true:checbox的value可以是true、false、null;复选框为null时显示一个’-‘ false:checkbox的value只能是true or false |
MaterialTapTargetSize materialTapTargetSize | 控制多选框tap目标的大小 MaterialTapTargetSize.padded MaterialTapTargetSize.shrinkWrap shrinkWrap比padded要小一点 |
2.3 CheckBox示例
Checkbox(
value: _checkBoxValue,
activeColor: Colors.green,
checkColor