[Flutter] Switch Widget 예제

플러터 스위치를 만들고 동작하는 단순한 예제입니다.

 

flutter switch widget

 

위 그림처럼 스위치를 ON/OFF 하는 기능입니다.

setState() 함수 안에서 변경된 value 값을 바꿔주어 상태 변경을 합니다.

 

main.dart

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  State<StatefulWidget> createState() {
    return _MyApp();
  }
}

class _MyApp extends State<MyApp> {
  bool switchValue = false;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
          visualDensity: VisualDensity.adaptivePlatformDensity,
        ),
        darkTheme: ThemeData.light(),
        home: Scaffold(
          body: Center(
            child: Switch(
                value: switchValue,
                onChanged: (value) {
                  setState(() {
                    switchValue = value;
                  });
                }),
          ),
        ));
  }
}