[flutter]기본 위젯 CheckBox, Switch

 

 

 

 

CheckBox와 Switch

 

value : 상태를 나타낼 불리언 타입의 변수

onChanged : 체크값이 변할 때 마다 발생하는데, 여기서 변경된 값이 불리언 value 인수로 넘어온다.

setState() 함수를 통해 value 프로퍼티에 지정한 변숫값을 변경하며 UI를 다시 그린다.

 

현재 _isChecked가 CheckBox와 Switch에 동시에 사용되고 있으므로 CheckBox를 변경해도 Switch의 상태 또한 변하게 된다.

 

var _isChecked = false;

child: Center(
  child: Column(
    mainAxisAlignment: MainAxisAlignment.center,
    children: <Widget>[
      Checkbox(
        value: _isChecked,
        onChanged: (value) {
          setState(() {
            _isChecked = value;
          });
        },
      ),
      SizedBox(
        height: 40,
      ),
      Switch(
        value: _isChecked,
        onChanged: (value){
          setState(() {
            _isChecked = value;
          });
        },
      )
    ],
  ),
),