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 ，文章会根据学习进度不定时更新，请多多指教~~
网友评论