Flutter Switch開關【轉】
阿新 • • 發佈:2020-09-01
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,// 沒發現效果 ), ], ), ), ); } }