Flutter Switch开关【转】
flutter switch 开关
2023-09-27 14:25:31 时间
class _MyHomePageState extends State<MyHomePage> {
bool flag = true;
void change(bool value) {
setState(() {
flag = value;
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Switch(
value: flag, // 设置值,true开,false关
onChanged: change,// 值变化时调用
activeColor: Colors.red, // 为true时的颜色 圆圈颜色
activeTrackColor:
Colors.green, // 为true 时,bar的颜色 如果不设置此值,bar的颜色为activeColor颜色
inactiveThumbColor: Colors.blue, // 为false时 圆圈的颜色
inactiveTrackColor: Colors.yellow, //为false时,bar的颜色。如果不设置此值,默认灰色
// activeThumbImage,//为true时圆圈图片
// inactiveThumbImage: ,//为false时圆圈图片
// dragStartBehavior: DragStartBehavior.start,// 没发现效果
),
],
),
),
);
}
}
相关文章
- flutter系列之:查询设备信息的利器:MediaQuery
- Flutter文本组件Text
- Flutter移动电商实战 --(13)ADBanner组件的编写
- Flutter 数据本地化之使用本地数据库和 Sqflite 构建 Flutter Colorful Notes 应用程序(教程含源码)
- Flutter教程之响应式 Flutter 应用将不再是一场噩梦:让我们简化流程
- Nowa Flutter开发教程之 05 Wrapper包装器
- Flutter 画笔绘制二维码扫描框
- 如何在 Flutter 中禁用默认的 Widget 飞溅效果
- Flutter开发 - 总结了两种设置阴影比较友好的方式
- Flutter开发 - 字体的显示不随系统字体的大小而改变