Flutter——Switch組件（開關組件）

Switch組件常用的屬性：

屬性	描述
value	單選的值
onChanged	改變時觸發
activeColor	選中的顏色、背景顏色

 

 

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    title: "Switch",
    home: MyApp(),
  ));
}


class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}


class _MyAppState extends State<MyApp> {
  bool flag = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Switch")),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          Switch(
            value: this.flag,
            activeColor: Colors.red,
            onChanged: (value) {
              setState(() {
                this.flag = value;
              });
            },
          ),
          Text("此時的狀態是${this.flag == true ? "選中" : "未選中"}")
        ],
      )
    );
  }
}