说明
Switch 是一个切换按钮组件,通常用于设置的选项里。Switch 的原点颜色,横条颜色都可以设置,此外原点可以以图片形式显示。
可以使用Switch.adaptive构建组件:
Switch.adaptive(
value: switchValue,
activeColor: Colors.red,
onChanged: (bool value) {
setState(() {
switchValue = value;
});
})
基本使用:
var _switchValue =
常用属性:
activeColor → Color - 激活时原点的颜色。
activeThumbImage → ImageProvider - 原点还支持图片,激活时的效果。
activeTrackColor → Color - 激活时横条的颜色。
inactiveThumbColor → Color - 非激活时原点的颜色。
inactiveThumbImage → ImageProvider - 非激活原点的图片效果。
inactiveTrackColor → Color - 非激活时横条的颜色。
onChanged → ValueChanged - 改变时触发。
value → bool - 切换按钮的值。
SwitchListTile
SwitchListTile是Switch和ListTile组合控件,基本用法如下:
SwitchListTile(
title: Text('开启提醒'),
value: _switchValue,
onChanged: (value) {
setState(() {
_switchValue = value;
});
},
),
CupertinoSwitch
CupertinoSwitch是ios风格控件,用法和Switch一样,用法如下:
var _switchValue =
示例演示
import
效果:
示例二
import
效果:
完
码上加油站
一起来加油
长按扫码关注
记得点个 赞 和 在看 哦!