Element 系列组件之 ECheckbox 多选组件
老孟Flutter
共 1537字,需浏览 4分钟
· 2021-12-25
介绍
「ECheckbox」 是 「Element」 系列组件中的多选框组件。
引入
在 「pubspec.yaml」 中依赖
element_ui: ^0.0.1
import
import 'package:element_ui/widgets.dart';
用法
基础用法,「value」 是否选中,true表示选中,false表示未选中。
ECheckbox(
value: false,
label: '复选框',
)
「border」 是否显示边框。
ECheckbox(
value: false,
label: '复选框',
border: true,
)
「onChanged」 是否选中发生变化时回调
ECheckbox(
value: true,
label: '复选框',
onChanged: (value){},
)
「tristate」表示有3种状态,分别为选中、未选中、横线。
ECheckbox(
value: true,
label: '复选框',
tristate: true,
)
「enable」 设置为true时,表示禁用。
ECheckbox(
value: false,
label: '禁用',
enable: false,
)
「style」 样式
「fontColor」:字体颜色 「checkedFontColor」:选中字体颜色 「backgroundColor」:背景颜色 「checkedBackgroundColor」:选中背景颜色 「borderColor」:边框颜色 「checkedBorderColor」:选中边框颜色 「borderRadius」:边框圆角半径 「padding」:内边距 「space」:label与选择框之间的距离
字体样式
ECheckbox(
value: false,
label: '复选框',
style: ECheckboxStyle(
fontColor: Colors.red,
checkedFontColor: Colors.blue,
),
)
背景样式
ECheckbox(
value: false,
label: '复选框',
style: ECheckboxStyle(
backgroundColor: Colors.grey.withOpacity(.3),
checkedBackgroundColor: Colors.blue,
),
)
边框样式
ECheckbox(
value: false,
label: '复选框',
border: true,
style: ECheckboxStyle(
borderColor: Colors.green,
checkedBorderColor: Colors.red,
borderRadius: BorderRadius.circular(10),
),
)
设置边距
ECheckbox(
value: false,
label: '复选框',
border: true,
style: ECheckboxStyle(
padding: EdgeInsets.symmetric(horizontal: 32,vertical: 24),
space: 30
),
)
评论
Go 1.22 的新增功能系列之二:reflect.TypeFor
Go 1.22 的第一个候选版本已经发布,这意味着最终版本即将发布,现在是我在博客中介绍我在这个周期中所做工作的时候了。像往常一样,我的贡献很小,但它们是我的,所以我将从幕后的角度来谈谈它们。首先是reflect.TypeFor。这是整个函数:// TypeFor returns the [Type
GoCN
0
Go 1.22 的新增功能系列之一:cmp.Or
截至撰写本文时,Go 1.22 已经发布几个月了。早就该结束我为 1.22 所做的工作的系列了。抱歉耽搁了这么久,我最近忙于生活事务。如果您错过了我关于reflect.TypeFor(https://blog.carlana.net/post/2024/golang-reflect-type-for
GoCN
1
面试官:在原生input上面使用v-model和组件上面使用有什么区别?
前言面试官:vue3的v-model都用过吧,来讲讲。粉丝:v-model其实就是一个语法糖,在编译时v-model会被编译成:modelValue属性和@update:modelValue事件。一般在子组件中定义一个名为modelValue的props来接收父组件v-model传递的值,然后当子组
高级前端进阶
0
全新 SOTA backbone | 2024年了,再见ViT系列Backbone,实数难得,不知道效果如何?
点击上方“小白学视觉”,选择加"星标"或“置顶”重磅干货,第一时间送达在构建用于精确匹配的深度固定长度表示时,确定指纹上的密集特征点,特别是在像素 Level 上,具有重大意义。为了探索指纹匹配的可解释性,作者提出了一种多阶段可解释的指纹匹配网络,名为通过视觉 Transformer 进行指纹匹配的
小白学视觉
10
110 个 Java 主流组件和框架整理,常用的应有尽有,建议收藏!!
点击关注公众号,Java 干货及时推送↓推荐阅读:铜三铁四,怒拿 35K * 14 薪!整理:四猿外以下排序是按照从技术组件到开发框架到代码工具,也有一些实在不好分类的,就放到最后了。WEB 容器Tomcathttps://tomcat.apache.org/Jettyhttps://ww
Java技术栈
0
带你玩转Linux系统之lscpu命令
链接:https://bbs.huaweicloud.com/blogs/422603一、lscpu命令介绍lscpu 是一个 Linux 命令,用于显示CPU架构的详细信息。它可以用来查看 CPU 的型号、主频、架构、虚拟化支持等。二、lscpu命令的使用帮助2.1 命令格式lscpu [选项]2
良许Linux
0
C语言基础之动态内存操作汇总
来源:机器之心1、堆区空间申请#include <stdlib.h> //头文件void *malloc(size_t size);//函数size表示申请的空间字节数函数的返回值:成功:返回值空间起始地址失败:NULL特点:分配指定大小的内存空间;分配的内存空间是连续的;需要手动释放
良许Linux
0
大模型并行训练指南:通俗理解Megatron-DeepSpeed之模型并行与数据并行(下)
文末《大模型项目开发线上营》秒杀倒计时↓↓↓接前文:(上)篇>>>大模型并行训练指南:通俗理解Megatron-DeepSpeed之模型并行与数据并行(上)(中)篇>>>大模型并行训练指南:通俗理解Megatron-DeepSpeed之模型并行与数据并行(中)06
七月在线实验室
10