Flutter中的多选按钮组件Checkbox

已于 2022-07-17 17:45:16 修改
阅读量3.7k 收藏
点赞数
分类专栏： Flutter 文章标签： 移动端开发 Flutter
于 2021-01-01 16:15:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40629244/article/details/112061165
版权
本文介绍了Flutter中的两种多选按钮组件：Checkbox和CheckboxListTile。Checkbox用于简单信息展示，具备value、onChanged等属性；CheckboxListTile提供更丰富配置，如title、subtitle等，能呈现更多信息。并附带了代码示例和效果展示。
摘要由CSDN通过智能技术生成

Flutter 中的多选按钮组件有两种。

1. Checkbox

多选按钮，一般用来表现一些简单的信息。

常用属性如下：

1. value  多选的值；

2. onChanged 选择改变触发的事件；

3. activeColor 选中时的颜色；

4. checkColor 选中后对号的颜色；

2. CheckboxListTile

包含更多信息的多选项，提供多种配置信息的属性，可以表现更丰富的信息。

常用的属性如下：

1. value  多选的值；

2. onChanged 选择改变触发的事件；

3. activeColor 选中时的颜色；

4. title 标题

了解本专栏 订阅专栏 解锁全文 超级会员免费看
aiguangyuan
关注
专栏目录
订阅专栏
《Flutter 控件大全》第二十二个：Checkbox
老孟Flutter
04-04 688
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。 同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。 Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。 Checkbox Checkbox是勾选框控件，本身不包含任何状态，改变状态需要通过改变va...
Flutter 中的 Checkbox 小部件：全面指南
smileKH的博客
05-16 1430
Checkbox是 Flutter 的 Material 组件库中的一个控件，它提供了一个标准的复选框界面，用户可以点击复选框来切换选中或未选中状态。选中状态通常用于表示用户希望启用或禁用某个选项。false;});},activeColor: Colors.green, // 选中时的颜色checkColor: Colors.white, // 选中标记的颜色在这个例子中，_isChecked是一个状态变量，用于跟踪复选框的选中状态。
Flutter Checkbox 复选框
10-11
Flutter 复选框 有两种：一 是精简版Checkbox复选框 ，二是自带标题和副标题CheckboxListTile复选框
多选插件 Flutter 教程 - `multi_select_flutter`
最新发布
gitblog_00080的博客
08-20 258
多选插件 Flutter 教程 - multi_select_flutter multi_select_flutterA flexible multi select package for Flutter. Make multi select widgets the way you want.项目地址:https://gitcode.com/gh_mirrors/mu/multi_select_...
Flutter_35_CheckBox
m0_49349981的博客
08-23 288
Checkbox value(复选框的值) onChanged(复选框状态更改时调用) activeColor(选中时，复选框背景的颜色) chckColor(选中时，复选框中对号的颜色) CheckboxListTile title(标题) subtitle(子标题) import 'package:flutter/material.dart'; void main() { //下一个组件 runApp(MyApp()); } //MaterialApp class MyApp.
浅识Flutter 基本组件之CheckBox组件
qq_43336158的博客
07-24 1539
value bool 设置复选框是否选中，取值包括true(选中) 、 false (没选中) onChanged 设置监听复选框的值发生改变时回调 tristate bool 设置复选框是否三态，取值包括true、false和 null activeColor Color 设置复选框选中时的颜色 checkColor Color 设置复选框选中时选中图标（)的颜色 materialTapTargetSize double 设置点击目标的大小，取值默包括 padded、shrink Wrap两种...
Flutter开发之——交互组件-Checkbox和CheckboxListTile
2401_84123584的博客
04-17 1223
Key?
Flutter 自定义CheckBox示例
海阔天空
05-30 1231
Flutter 自定义CheckBox示例
2021年Flutter中的多选按钮组件Checkbox
码蝗的博客
03-24 338
Flutter 中的多选按钮组件有两种。 1.Checkbox 多选按钮，一般用来表现一些简单的信息。 常用属性如下： (1).value多选的值； (2).onChanged 选择改变触发的事件； (3).activeColor选中时的颜色； (4).checkColor选中后对号的颜色； 2.CheckboxListTile 包含更多信息的多选项，提供多种配置信息的属性，可以表现更丰富的信息。 常用的属性如下： (1).value多选的值； (2)....
flutter开发之组件大全
06-12
5. **Checkbox**和**Radio**: 提供多选和单选功能，常用于表单或设置界面。 6. **Slider**: 用于选择一个范围内的值，常用于音量控制或进度条。 7. **ListView**和**GridView**: 用于展示长列表或网格布局的数据，...
material-components-flutter：用于Flutter的模块化和可自定义的Material Design UI组件
02-03
`material-components-flutter`库是Flutter对Material Design组件的实现，它包含了Material Design规范中的各种UI组件，如按钮、输入框、滑块、选择器、对话框等。这些组件不仅遵循Material Design的样式指南，还...
Flutter CheckBox 复选框 自定义样式:圆形、大小、边框等
朱豪凯的博客
01-02 8728
发现官方的Flutter CheckBox控件无法满足我的需要 : Border无法指定宽度，CheckBox无法指定大小。 所以，只能自己去找第三方库了，终于在Github上找到了一个比较满意的库: 可以指定边框宽度、控件大小、选中的Icon等等，自定义化程度比较高
【Flutter】六、Flutter之表单多选框——Checkbox、CheckboxListTile
MAXLZ的博客
08-25 4504
【Flutter】六、Flutter之表单多选框——Checkbox、CheckboxListTile一、CheckBox1.1 CheckBox构造器2.2 CheckBox属性说明2.3 CheckBox示例二、CheckboxListTile2.1 CheckboxListTile构造器2.2 CheckboxListTile属性说明2.3 CheckboxListTile示例 Check...
Flutter Switch and Checkbox
m0_55721894的博客
11-28 712
Switch: 开关组件和复选框组件，他们本身不会保存状态，都是由父布局管理，当switch和chekbox被改变时，会触发onChanged的回调,switch和chekbox属性如下： Switch属性 介绍 value @required bool，value = true 时为打开状态，false 关闭 onChanged 点击事件 activeColor 打开状态下滑块颜色 activeTrackColor 打开状态下轨道颜色 inactive
用flutter封装一个点击菜单工具栏组件【checkBox多选版】
个人网站：https://www.longzipeng.online
03-08 3385
用flutter封装一个点击菜单工具栏组件【checkBox版】
flutter 多选按钮组件Checkbox、多选按钮加内容组件CheckboxListTile
weixin_43294560的博客
04-16 1859
多选按钮组件: Checkbox( value: 布尔值, onChanged:(value){ 改变回调,第一个参数为value的值 setState(() { 布尔值=value; 点击会自动改变value值 }); }, activeColor: Colors.red, 设置...
flutter 开关Switch与复选框Checkbox
代码小疯子
06-30 2109
Switch and Checkbox activeColor → Color - 激活时原点的颜色。 activeThumbImage → ImageProvider - 原点还支持图片，激活时的效果。 activeTrackColor → Color - 激活时横条的颜色。 inactiveThumbColor → Color - 非激活时原点的...
Flutter实战：文本组件、图标和按钮的详细代码解析
在Flutter开发中，构建用户界面的关键元素包括文本组件、图标以及按钮组件。这些组件是任何应用的基础，用于展示信息、提供交互以及视觉引导。以下将详细讲解如何在Flutter中实现这些组件。 **一、文本组件** ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

aiguangyuan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值