CheckBoxListTitle复选框是比CheckBox更加强大的复选框,当然,CheckBoxListTitle实现的效果,用CheckBox也能实现,只不过布局更加麻烦点。这里是用CheckBoxListTitle实现全选全不选的一个简单案例:

class DemoPage extends StatefulWidget {

DemoPage({Key key}) : super(key: key);

@override

_DemoPageState createState() => _DemoPageState();

}

class _DemoPageState extends State {

var _value = false;

void _valueChanged(bool value) {

for (var i = 0; i < isChecks.length; i++) {

isChecks[i] = value;

}

setState(() {

_value = value;

});

}

bool isCheck = false;

List isChecks = [false, false, false];

@override

Widget build(BuildContext context) {

return Column(

children: [

Center(

child: CheckboxListTile(

value: _value,

//默认文字是否高亮

selected: true,

onChanged: _valueChanged,

//文字图标是否对其

dense: false,

//文字是否三行显示

isThreeLine: false,

title: Text('全选/全不选'),

//复选框和文字的位置,leading是复选框在文字前,platform和trailing是复选框在文字后

controlAffinity: ListTileControlAffinity.leading,

//子标题

subtitle: Text('勾选下列选项'),

//左侧小图标

secondary: Icon(Icons.archive),

//选中颜色

activeColor: Colors.red,

),

),

SizedBox(

height: 20.0,

),

CheckboxListTile(

value: isChecks[0],

onChanged: (bool val) {

setState(() {

isChecks[0] = val;

});

},

//文字图标是否对其

dense: false,

//文字是否三行显示

isThreeLine: false,

title: Text('足球'),

//复选框和文字的位置,leading是复选框在文字前,platform和trailing是复选框在文字后

controlAffinity: ListTileControlAffinity.leading,

//选中颜色

activeColor: _value ? Colors.red : Colors.green,

),

CheckboxListTile(

value: isChecks[1],

onChanged: (bool val) {

setState(() {

isChecks[1] = val;

});

},

//文字图标是否对其

dense: false,

//文字是否三行显示

isThreeLine: false,

title: Text('乒乓球'),

//复选框和文字的位置,leading是复选框在文字前,platform和trailing是复选框在文字后

controlAffinity: ListTileControlAffinity.leading,

//选中颜色

activeColor: _value ? Colors.red : Colors.green,

),

CheckboxListTile(

value: isChecks[2],

onChanged: (bool val) {

setState(() {

isChecks[2] = val;

});

},

//文字图标是否对其

dense: false,

//文字是否三行显示

isThreeLine: false,

title: Text('篮球'),

//复选框和文字的位置,leading是复选框在文字前,platform和trailing是复选框在文字后

controlAffinity: ListTileControlAffinity.leading,

//选中颜色

activeColor: _value ? Colors.red : Colors.green,

),

],

);

}

}

flutter 全选_Flutter笔记19:CheckBoxListTitle复选框实现全选全不选相关推荐

  1. flutter 全选_Flutter ios 国际化(复制粘贴 中英文切换等问题)

    前提 在做flutter ios 国际化的时候遇到长按文本框崩溃的问题,然后google到一堆写法是重写cupertinoLocalization的奇怪做法,然后还千篇一律都是这么改的,其实不用那么麻 ...

  2. flutter引入高德地图_Flutter笔记-调用原生IOS高德地图sdk

    一.前言 2017年底因公司业务组合部门调整,新的团队部分维护的项目用React Native技术混合开发.为适应环境变化,开启疯狂RN学习之旅,晚上回来啃资料看视频.可能由于本身对RN技术体验不感冒 ...

  3. 耶鲁大学博弈论公开课全24集第19集笔记:招商引资和战略投资

    耶鲁大学博弈论公开课全24集第19集笔记:招商引资和战略投资 1. 视频地址 2. 本集思维导图 3. 上集回顾 4. 案例一:"别搞砸了" 4.1 问题分析 4.2 冗余的指示告 ...

  4. flutter 卡顿_Flutter渲染性能优化全攻略(解决应用卡顿)

    大规模应用开发过程中,性能优化是重中之重,其中包括了包体积,UI 渲染.交互等多个方面. 在之前的文章中,我通过 Flutter 应用的混淆为入口,探讨了应用包体积优化的实践方案,本文,我把话题再次转 ...

  5. 最全的ORACLE-SQL笔记(转,出处不详)

    -- 首先,以超级管理员的身份登录oracle sqlplus sys/bjsxt as sysdba --然后,解除对scott用户的锁 alter user scott account unloc ...

  6. 最全的orcal-sql笔记

    首先,以超级管理员的身份登录oracle sqlplus sys/bjsxt as sysdba --然后,解除对scott用户的锁 alter user scott account unlock; ...

  7. 大数据开发工程师基本功修炼之史上最全Linux学习笔记(建议)

    我正在参加年度博客之星评选,请大家帮我投票打分,您的每一分都是对我的支持与鼓励. 2021年「博客之星」参赛博主:Maynor大数据 (感谢礼品.红包免费送!) https://bbs.csdn.ne ...

  8. Java全栈系列笔记

    Java全栈系列笔记 全部文档.项目.源码: github:https://github.com/name365/Blog-Java 码云:https://gitee.com/yang365/Blog ...

  9. 复选框(checkbox)、多选框

    1.需求分析 可同时选中多个选项,实现全选.全不选.反选等功能. 2.技术分析 基础的HTML.CSS.JavaScript. 3.详细分析 3.1 HTML部分 图示是一个列表加底部一段文字说明,列 ...

最新文章

  1. EX2010与EX2013共存迁移01-设计及说明
  2. 如何设计 QQ、微信、微博、Github 等等,第三方账号登陆 ?(附表设计)
  3. jbpm4.4基础知识
  4. Le Chapitre VI
  5. C++重载、覆盖和遮蔽
  6. mysql注入语句解释,MYSQL注入语句实用精解
  7. js结合css3,使用JS和CSS3实现的旗帜飘扬动画
  8. 【kerberos】kerberos 认证 详情介绍
  9. linux上derby数据库,体验纯Java数据库——Derby
  10. 职称考试计算机怎么学容易,计算机职称考试备考的六个关键点
  11. 6.1(数学:五角数)
  12. python数据持久存储:pickle模块的基本使用
  13. 2018计算机本科论文,计算机科学学院关于2018届本科毕业论文(设计)的工作安排...
  14. java出租车源码_基于WEB的JAVA出租车打车系统
  15. JointJs快速入门
  16. html语言代码大全,html常用代码大全 寻找最全的HTML语言代码大全
  17. html5背景图片幻灯片切换,如何将一个PPT的背景设置成另一个PPT的背景?
  18. Win11 U盘驱动异常怎么调整为正常?
  19. python自然语言处理第三章:处理原始文本
  20. 计算机 90学时培训总结,90学时培训心得体会

热门文章

  1. 国密SM1\ SM2\ SM3\ SM4\ SSF33算法和国际RSA算法的对应关系
  2. Linux 挂载 mount/unmount命令
  3. 【转】[PPTX解析] 图片 重新着色存储详解
  4. 初学C语言必须掌握的词汇 你会了多少
  5. 使用原生js实现按钮的全选功能,简单清晰
  6. android 按键映射文件,《android 的按键映射表》.doc
  7. ios android 语音,Android和IOS语音互通
  8. 安徽信息技术初中计算机基础,初中信息技术 - 安徽省中小学教师教育网.ppt
  9. oracle查看双机状态,如何查看双机状态 - eSight V300R008C00 异地高可用性系统软件安装指南 (SUSE Linux + Oracle + Veritas) 12 - 华为...
  10. 混泥土(地面+墙面)+ 山体裂缝数据集汇总(分类及目标检测)