import 'package:flutter/material.dart';
class LearnCheckBox extends StatefulWidget{
@override
State<StatefulWidget> createState() {
return new _LearnCheckBox();
}
}
class _LearnCheckBox extends State<LearnCheckBox>{
bool isCheck=false;
List<bool> isChecks=[false,false];
@override
Widget build(BuildContext context) {
return new Scaffold(
body:new Column(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
new Center(
child: new Checkbox(
value: isCheck,
activeColor: Colors.red,
onChanged: (bool){
setState(() {
isCheck=bool;
});
},
),
),
new Center(
child: new CheckboxListTile(
value: isCheck,
title: new Text('张晓'),
controlAffinity: ListTileControlAffinity.platform,//控制亲和度 leading按钮显示在文字前面 trailing按钮显示在文字的后面 platform显示样式根据手机当前平台默认显示
onChanged: (bool){
setState(() {
isCheck=bool;
});
}),
),
new Center(
child: new CheckboxListTile(
value: isCheck,
title: new Text('张晓'),
controlAffinity: ListTileControlAffinity.platform,
onChanged: (bool){
setState(() {
isCheck=bool;
});
}),
),
new Center(
child: new CheckboxListTile(
value: isCheck,
title: new Text('张晓'),
controlAffinity: ListTileControlAffinity.platform,
onChanged: (bool){
setState(() {
isCheck=bool;
});
}),
),
new Center(
child: new CheckboxListTile(
value: isCheck,
title: new Text('张晓'),
controlAffinity: ListTileControlAffinity.platform,
onChanged: (bool){
setState(() {
isCheck=bool;
});
}),
),
new Center(
child: new CheckboxListTile(
value: isCheck,
title: new Text('张晓'),
controlAffinity: ListTileControlAffinity.platform,
onChanged: (bool){
setState(() {
isCheck=bool;
});
}),
),
new Center(
child: new CheckboxListTile(
value: isChecks[],
title: new Text('张晓'),
controlAffinity: ListTileControlAffinity.platform,
onChanged: (bool){
setState(() {
isChecks[]=bool;
});
}),
),
new Center(
child: new CheckboxListTile(
value: isChecks[],
title: new Text('张晓'),
controlAffinity: ListTileControlAffinity.platform,
onChanged: (bool){
setState(() {
isChecks[]=bool;
});
}),
)
],
)
);
}
}

flutter控件之CheckBox的更多相关文章

  1. Android控件之CheckBox(复选框控件)

    一.有两种状态: 选中状态(true).未选中状态(false) 二.属性 android:id = "@+id/checkbox" android:layout_width=&q ...

  2. 实现DataGridView控件中CheckBox列的使用

    最近做WindowsForms程序,使用DataGridView控件时,加了一列做选择用,发现CheckBox不能选中.搜索后,要实现DataGridView的CellContentClick事件,将 ...

  3. WinForm 遍历用户控件里CheckBox

    1.常用调用方法 public partial class UCRights : UserControl { private readonly int LOCATIONY; private DataT ...

  4. Winform开发常用控件之Checkbox和CheckedListBox

    Winform的开发基本都是基于控件事件的,也就是事件驱动型的. 多选框的放置和值的获取有很多种,这里介绍几个简单常用的方法 1.直接放置Checkbox,并获取Checkbox的值 上图 做法也非常 ...

  5. TreeView控件的CheckBox级联选中或取消

    背景: 在一个项目开发中遇到这样的要求:当选中树中一个节点时,需要同时选中其父节点,直至根节点.在取消一个节点的选中时,需要将其所有子节点取消选中,直至叶子节点.由于项目用户体验暂时可以不用考虑,直接 ...

  6. 安卓开发_复选按钮控件(CheckBox)的简单使用

    复选按钮 即可以选择若干个选项,与单选按钮不同的是,复选按钮的图标是方块,单选按钮是圆圈 复选按钮用CheckBox表示,CheckBox是Button的子类,支持使用Button的所有属性 一.由于 ...

  7. GridView控件中Checkbox实现单选

    在GridView控件中,第0列有放一个CheckBox控件,现想实现对CheckBox进行单选. 先看看效果: 在ASPX页面,可以这样做: 有一点注意的是需要使用OnRowCreated事件. 在 ...

  8. flutter控件之ListView滚动布局

    ListView即滚动列表控件,能将子控件组成可滚动的列表.当你需要排列的子控件超出容器大小,就需要用到滚动块. import 'package:flutter/material.dart'; cla ...

  9. Flutter 控件之 AppBar 和 SliverAppBar

    AppBar 和 SliverAppBar 是纸墨设计中的 App Bar,也就是 Android 中的 Toolbar,关于 Toolbar 的设计指南请参考纸墨设计中 Toolbar 的内容. A ...

随机推荐

  1. bzoj 3027: [Ceoi2004]Sweet (生成函数)

    题目传送门:https://www.lydsy.com/JudgeOnline/problem.php?id=3027. 题目大意:有$n$种数,每种有$C_i$个,问你在这些数中取出$[l,r]$个 ...

  2. 【转】MySQL下载安装验证

    MySQL官网下载路径:https://dev.mysql.com/downloads/mysql/ MySQL安装步骤:转自博主 Smile_Coding 博文:https://www.cnblog ...

  3. 用expect解决批量Linux集群机器间SSH免密码访问

    转自:http://blog.csdn.net/aichaoguy/article/details/11693269#!/bin/bash #check whether package 'expect ...

  4. php如何使用rabbitmq实现发布消息和消费消息(tp框架)(第一篇)

    1,默认已经安装好了rabbitmq: 参考 http://www.cnblogs.com/spicy/p/7017603.html 2,安装rabbitmq客户端: 方法1: pecl 扩展安装  ...

  5. 微服务Kong(九)——认证参考

    客户端访问上游API服务,通常由Kong的认证插件及其配置参数来控制. 通用认证 一般情况下,上游API服务都需要客户端有身份认证,且不允许错误的认证或无认证的请求通过.认证插件可以实现这一需求.这些 ...

  6. nginx 学习笔记(2) nginx新手入门

    这篇手册简单介绍了nginx,并提供了一些可以操作的简单的工作.前提是nginx已经被安装到你的服务器上.如果没有安装,请阅读上篇:nginx 学习笔记(1) nginx安装.这篇手册主要内容:1. ...

  7. Chrome 谷歌如何快速实现跨域

    第一步:在你的E盘或者其他盘新建一个文件夹,命名为:E:\MyChromeDevUserData 第二步:找到你的谷歌浏览器快捷图标,鼠标右键选择属性,出现以下界面: 第三步:在目标选项的最后添加:  ...

  8. chown -R 用户名:组名 ./ 及 chown用法介绍

    当我们在不通过yum(CentOS).apt-get(Ubuntu)来安装MySQL的时候,通常执行以下命令来改变目录的拥有者: [root@localhost ~]# chown -R mysql: ...

  9. Python WSGI接口

    WSGI(Web Server Gateway Interface 或 Python Web Server Gateway Interface ),是为 Python 语言定义的 Web 服务器与 W ...

  10. python分布式爬虫打造搜索引擎--------scrapy实现

    最近在网上学习一门关于scrapy爬虫的课程,觉得还不错,以下是目录还在更新中,我觉得有必要好好的做下笔记,研究研究. 第1章 课程介绍 1-1 python分布式爬虫打造搜索引擎简介 07:23 第 ...