Flutter基础widgets教程-Switch篇
时间:2022-07-26
本文章向大家介绍Flutter基础widgets教程-Switch篇,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
1 Switch
Switch 是一个切换按钮组件,通常用于设置的选项里。
2 构造函数
const Switch({
Key key,
this.activeColor,
this.activeThumbImage,
this.activeTrackColor,
this.inactiveThumbColor,
this.inactiveThumbImage,
this.inactiveTrackColor,
this.onChanged,
this.value
})
3 常用属性
3.1 activeColor:激活时原点的颜色
activeColor:Colors.blue,
3.2 activeThumbImage:原点还支持图片,激活时的效果
activeThumbImage: AssetImage(('assets/images/title.png')),
3.3 activeTrackColor:激活时横条的颜色
activeTrackColor: Colors.blue,
3.4 inactiveThumbColor:非激活时原点的颜色
inactiveThumbColor:Colors.blue,
3.5 inactiveThumbImage:非激活原点的图片效果
inactiveThumbImage:AssetImage(('assets/images/title.png')),
3.6 inactiveTrackColor:非激活时横条的颜色
inactiveTrackColor:Colors.blue
3.7 onChanged:改变时触发
onChanged: (newValue) {
setState(() {
_value = newValue;
});
}
3.8 value:切换按钮的值
value:0,
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 陶瓷PCB电路板到底好在哪?
- Mysql常用函数——告别复杂sql
- Spring Boot读取配置文件的几种方式
- python菜鸟教程 | if else 判断
- Java 语言中十大“坑爹”功能!
- R语言生存分析可视化分析
- 全平台轻量开源verilog仿真工具iverilog+GTKWave使用教程
- R语言时间序列和ARIMA模型预测拖拉机销售的制造案例研究
- Windows10下安装linux子系统学习笔记
- 项目实践 | 从零开始学习Deep SORT+YOLO V3进行多目标跟踪(附注释项目代码)
- [OHIF-Viewers]医疗数字阅片-医学影像-Module: Panel-自定义面板-中-es6-Object.defineProperty()定义属性
- (数据科学学习手札90)Python+Kepler.gl轻松制作时间轮播地图
- WEB前端安全自查和加固
- 硬核!IDEA 中使用 Git 完整入门教程!
- 神器你值得拥有——CoolFormat代码一键自动格式化工具,支持Verilog