Flutter 기초 - Switch (20)

 

Flutter 기초 - Switch  (20)

 

1. Switch

 - 사용자가 토클할 수 있는 스위치 컨트롤러를 제공해 설정을 키고 끄는 상태를 전활할때 사용도니다.

 

2. Switch Widget 기본 사용법

value	스위치의 현재 상태를 나타낸다.(true, false)
onChanged	스위치의 값이 변경될 때 호출되는 콜백 함수로 스위치를 토글할 때마다 함수에 새로운 상태가 전달된다.

 

 

class TestSwitch extends StatefulWidget {
  const TestSwitch({super.key});

  @override
  State<TestSwitch> createState() => _TestSwitchState();
}

class _TestSwitchState extends State<TestSwitch> {

  bool value = false;

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Switch(value: value, onChanged: (newValue)=> setState(() => value = newValue)),
        CupertinoSwitch(value: value, onChanged: (newValue)=> setState(() => value = newValue))
      ],
    );
  }
}

 

_TestSwitchState

  value : 스위치의 현재 상태를 나타낸다.

  onChanged : 스위치의 값이 변경될 때 마다 실행되는 콜백함수로 새로운 값(newValue)로 value를 업데이트한다.

 CupertinoSwitch

  value와 onChange속성은 Switch위젯과 동일하게 작동하며 ios에서 주로 사용된다.