flutter 全选_Flutter笔记19:CheckBoxListTitle复选框实现全选全不选
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复选框实现全选全不选相关推荐
- flutter 全选_Flutter ios 国际化(复制粘贴 中英文切换等问题)
前提 在做flutter ios 国际化的时候遇到长按文本框崩溃的问题,然后google到一堆写法是重写cupertinoLocalization的奇怪做法,然后还千篇一律都是这么改的,其实不用那么麻 ...
- flutter引入高德地图_Flutter笔记-调用原生IOS高德地图sdk
一.前言 2017年底因公司业务组合部门调整,新的团队部分维护的项目用React Native技术混合开发.为适应环境变化,开启疯狂RN学习之旅,晚上回来啃资料看视频.可能由于本身对RN技术体验不感冒 ...
- 耶鲁大学博弈论公开课全24集第19集笔记:招商引资和战略投资
耶鲁大学博弈论公开课全24集第19集笔记:招商引资和战略投资 1. 视频地址 2. 本集思维导图 3. 上集回顾 4. 案例一:"别搞砸了" 4.1 问题分析 4.2 冗余的指示告 ...
- flutter 卡顿_Flutter渲染性能优化全攻略(解决应用卡顿)
大规模应用开发过程中,性能优化是重中之重,其中包括了包体积,UI 渲染.交互等多个方面. 在之前的文章中,我通过 Flutter 应用的混淆为入口,探讨了应用包体积优化的实践方案,本文,我把话题再次转 ...
- 最全的ORACLE-SQL笔记(转,出处不详)
-- 首先,以超级管理员的身份登录oracle sqlplus sys/bjsxt as sysdba --然后,解除对scott用户的锁 alter user scott account unloc ...
- 最全的orcal-sql笔记
首先,以超级管理员的身份登录oracle sqlplus sys/bjsxt as sysdba --然后,解除对scott用户的锁 alter user scott account unlock; ...
- 大数据开发工程师基本功修炼之史上最全Linux学习笔记(建议)
我正在参加年度博客之星评选,请大家帮我投票打分,您的每一分都是对我的支持与鼓励. 2021年「博客之星」参赛博主:Maynor大数据 (感谢礼品.红包免费送!) https://bbs.csdn.ne ...
- Java全栈系列笔记
Java全栈系列笔记 全部文档.项目.源码: github:https://github.com/name365/Blog-Java 码云:https://gitee.com/yang365/Blog ...
- 复选框(checkbox)、多选框
1.需求分析 可同时选中多个选项,实现全选.全不选.反选等功能. 2.技术分析 基础的HTML.CSS.JavaScript. 3.详细分析 3.1 HTML部分 图示是一个列表加底部一段文字说明,列 ...
最新文章
- EX2010与EX2013共存迁移01-设计及说明
- 如何设计 QQ、微信、微博、Github 等等,第三方账号登陆 ?(附表设计)
- jbpm4.4基础知识
- Le Chapitre VI
- C++重载、覆盖和遮蔽
- mysql注入语句解释,MYSQL注入语句实用精解
- js结合css3,使用JS和CSS3实现的旗帜飘扬动画
- 【kerberos】kerberos 认证 详情介绍
- linux上derby数据库,体验纯Java数据库——Derby
- 职称考试计算机怎么学容易,计算机职称考试备考的六个关键点
- 6.1(数学:五角数)
- python数据持久存储:pickle模块的基本使用
- 2018计算机本科论文,计算机科学学院关于2018届本科毕业论文(设计)的工作安排...
- java出租车源码_基于WEB的JAVA出租车打车系统
- JointJs快速入门
- html语言代码大全,html常用代码大全 寻找最全的HTML语言代码大全
- html5背景图片幻灯片切换,如何将一个PPT的背景设置成另一个PPT的背景?
- Win11 U盘驱动异常怎么调整为正常?
- python自然语言处理第三章:处理原始文本
- 计算机 90学时培训总结,90学时培训心得体会
热门文章
- 国密SM1\ SM2\ SM3\ SM4\ SSF33算法和国际RSA算法的对应关系
- Linux 挂载 mount/unmount命令
- 【转】[PPTX解析] 图片 重新着色存储详解
- 初学C语言必须掌握的词汇 你会了多少
- 使用原生js实现按钮的全选功能,简单清晰
- android 按键映射文件,《android 的按键映射表》.doc
- ios android 语音,Android和IOS语音互通
- 安徽信息技术初中计算机基础,初中信息技术 - 安徽省中小学教师教育网.ppt
- oracle查看双机状态,如何查看双机状态 - eSight V300R008C00 异地高可用性系统软件安装指南 (SUSE Linux + Oracle + Veritas) 12 - 华为...
- 混泥土(地面+墙面)+ 山体裂缝数据集汇总(分类及目标检测)