Switch
用于开启和关闭的按钮。
属性 | 说明 |
---|---|
value | 开关当前状态 |
activeColor | 开启的颜色 |
activeTrackColor | 开关打开时轨道的颜色 |
inactiveTrackColor | 开关关闭时轨道的颜色 |
activeThumbImage | 开关打开时按钮图片 |
运行效果
class MyState extends State {
bool flag = false;

Widget build(BuildContext context) {
Switch sw = Switch(
value: flag,
onChanged: (value) {
setState(() {
flag = value;
});
},
activeColor: Colors.blue,
activeTrackColor:Colors.green ,
activeThumbImage: NetworkImage("https://pic.rmb.bdstatic.com/bjh/news/49fa0be5e4ab397fe5a04412d5cfe3f6.png"),
);
return Scaffold(
appBar: AppBar(title: Text("Flex"), centerTitle: true),
body: sw,
);
}
}
SwitchListTile
class MyState extends State {
bool flag = false;
Widget build(BuildContext context) {
Column column = Column(
children: [
SwitchListTile(
value: false,
onChanged: (value) {},
title: Text("6:00"),
subtitle: Text("周一至周五响铃"),
),
SwitchListTile(
value: false,
onChanged: (value) {},
title: Text("10:00"),
subtitle: Text("星期六、日响铃"),
),
],
);
return Scaffold(
appBar: AppBar(title: Text("SwitchListTile"), centerTitle: true),
body: column,
);
}
}