Flutter快速上手1.8：基础控件之Switch和Cuper
2022-04-22 本文已影响0人
十二栗子
Switch
| 属性名 | 类型 | 简介 |
|---|---|---|
| value | bool | 当前开关状态 |
| onChanged | ValueChanged<bool> | 开关状态变化回调 |
| activeColor Color | 打开状态的颜色 | |
| activeTrackColor | Color | 打开状态时轨道上的颜色。 |
| inactiveThumbColor | Color | 关闭状态按钮的颜色 |
| inactiveTrackColor | Color | 关闭状态轨道颜色 |
| activeThumbImage | ImageProvider | 打开状态下按钮图片 |
| inactiveThumbImage | ImageProvider | 关闭状态下按钮图片 |
| materialTapTargetSize | MaterialTapTargetSize | 配置点击目标的最小大小 |
| dragStartBehavior | DragStartBehavior | 确定处理拖动启动行为的方式 |
| focusNode | FocusNode | 用于焦点管理和监听 |
| autofocus | bool | 是否自动获得焦点 |
bool _switchFlag = false;
Switch(
activeColor:Colors.red,
activeTrackColor:Colors.yellow,
inactiveThumbColor:Colors.pink[200],
inactiveTrackColor:Colors.black,
value: _switchFlag,
onChanged: (v) {
setState(() {
_switchFlag = v;
});
},
),
CupertinoSwitch 的属性较少
| 属性名 | 类型 | 简介 |
|---|---|---|
| value | bool | 当前开关状态 |
| onChanged | ValueChanged<bool> | 开关状态变化回调 |
| activeColor | Color | 打开状态的颜色 |
bool _switchFlag = false;
CupertinoSwitch(
activeColor:Colors.red,
value: _switchFlag,
onChanged: (v) {
setState(() {
_switchFlag = v;
});
},
),
关闭
打开
本地Flutter 2.10.1，Mac版Android Studio Bumblebee | 2021.1.1 Patch 2
我是小栗子，初学Flutter ，文章会根据学习进度不定时更新，请多多指教~~
