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. RDLC_部署到不同的浏览器

    首先我用的是vs2015 的reportview插件 在数据库中应该配置报表的服务器地址,在项目中添加ReportViewer 插件,单独用一个页面显示接收报表 <form id="f ...

  2. Linux服务器快速安装可视化桌面且可以远程RDP远程连接

    我们很多网友在选择Linux服务器的时候并不是用来做网站的,有些是需要用到远程桌面安装软件或者是其他用途.但是我们知道大部分海外主机商是只有LINUX系统且没有可视化桌面,当然也有一些商家是支持安装G ...

  3. 【树】Binary Tree Right Side View

    题目: Given a binary tree, imagine yourself standing on the right side of it, return the values of the ...

  4. web测试总结—用户体验

    一.什么是用户体验 用户体验,英文叫做user experience,缩写为UE,或者UX.一个较常见的定义是“指用户访问一个网站或者使用一个产品时的全部体验.他们的印象和感觉,是否成功,是否享受,是 ...

  5. implements和extends的区别

    extends可以理解为全盘继承了父类的功能 implements可以理解为为这个类附加一些额外的功能 举个例子,Animal是一个父类,cat,dog,bird,insect都extends了Ani ...

  6. Android_设置全屏的方法

    在开发的过程中,我们有时候需要让我们应用程序全屏或者是让某个页面全屏,在今天的android小技巧中我们来讲讲如何设置我们的应用程序 全屏: 通常我们有三种方式: 1.在onCreate方法中添加代码 ...

  7. wordpress时间函数the_time() 详解

    一直以来,我对时间显示这一块都没有给予些微的关注,但昨天无意间在网络上看到了上面有一篇文章所说的就是the_time()时间函数,感觉很有必要整理一下,便将其中的内容整理了下来.可能很多朋友对于时间的 ...

  8. Spanner:谷歌新一代全球部署的列式数据库

    Spanner 是一个可扩展的.全球分布式的数据库,提供分布式ACID. 架构 universe:一个部署的实例成为universe,目前谷歌有3个,分别为开发/测试/线上 Zone:一个数据中心,相 ...

  9. EXCEL导出工具类及调用

    一.Excel导出工具类代码 package com.qiyuan.util; import java.io.OutputStream; import java.io.UnsupportedEncod ...

  10. 每天一道剑指offer-二叉树的下一个结点1

    题目 每天一道剑指offer-二叉树的下一个结点https://www.nowcoder.com/practice/ef068f602dde4d28aab2b210e859150a?tpId=13&a ...