1. 程式人生 > 實用技巧 >Flutter Switch開關【轉】

Flutter Switch開關【轉】

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,// 沒發現效果
            ),
          ],
        ),
      ),
    );
  }
}

來源:https://www.jianshu.com/p/cadad2417f22