Flutter开发 Switch、SwitchListTile的基本使用
用于开启和关闭的按钮。
·
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,
);
}
}
火山引擎开发者社区是火山引擎打造的AI技术生态平台,聚焦Agent与大模型开发,提供豆包系列模型(图像/视频/视觉)、智能分析与会话工具,并配套评测集、动手实验室及行业案例库。社区通过技术沙龙、挑战赛等活动促进开发者成长,新用户可领50万Tokens权益,助力构建智能应用。
更多推荐
所有评论(0)