当前位置:   article > 正文

Flutter Checkbox 复选框_flutter checkbox 边框颜色

flutter checkbox 边框颜色

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 复选框

  1. Checkbox(
  2. value: this.valueb,
  3. onChanged: (bool value) {
  4. setState(() {
  5. this.valueb = value;
  6. });
  7. },
  8. ),

CheckboxListTile 复选框

  1. CheckboxListTile(
  2. secondary: const Icon(Icons.alarm_on),
  3. title: const Text('每天6:10 响铃'),
  4. subtitle: Text('12小时58分钟后响铃'),
  5. value: this.valued,
  6. onChanged: (bool value) {
  7. setState(() {
  8. this.valued = value;
  9. });
  10. },
  11. ),

效果图

完整代码

查看完整代码

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/289798
推荐阅读
相关标签
  

闽ICP备14008679号