플러터(Flutter)는 Google에서 개발한 모바일 애플리케이션 개발 프레임워크로, 다양한 위젯을 제공하여 사용자 인터페이스를 구축할 수 있습니다. 그 중에서도 Checkbox 위젯은 사용자가 선택할 수 있는 On/Off 상태를 나타내는 체크박스를 생성할 수 있게 해줍니다.

Checkbox 위젯 생성하기

Checkbox 위젯을 생성하기 위해서는 다음과 같은 코드를 작성해야 합니다.

Checkbox(
  value: _isChecked,
  onChanged: (bool newValue) {
    setState(() {
      _isChecked = newValue;
    });
  },
),

Checkbox 위젯을 생성할 때 value 속성을 사용하여 현재 체크박스의 상태를 설정할 수 있습니다. onChanged 속성을 사용하여 사용자가 체크박스 상태를 변경할 때 호출되는 콜백 함수를 지정할 수 있습니다.

위의 코드에서는 _isChecked라는 변수를 사용하여 체크박스의 상태를 저장하고, 이를 setState 함수를 사용하여 업데이트합니다.

Checkbox의 속성과 기능

Checkbox 위젯은 다양한 속성과 기능을 제공하여 사용자 정의할 수 있습니다.

title 속성

Checkbox 위에 텍스트를 표시하려면 title 속성을 사용할 수 있습니다. 다음과 같이 사용할 수 있습니다.

CheckboxListTile(
  title: Text('플러터 Checkbox'),
  value: _isChecked,
  onChanged: (bool newValue) {
    setState(() {
      _isChecked = newValue;
    });
  },
),

activeColor 속성

Checkbox의 선택된 상태에 대한 색을 변경하려면 activeColor 속성을 사용할 수 있습니다. 다음과 같이 사용할 수 있습니다.

Checkbox(
  value: _isChecked,
  onChanged: (bool newValue) {
    setState(() {
      _isChecked = newValue;
    });
  },
  activeColor: Colors.blue,
),

tristate 속성

tristate 속성을 true로 설정하면 Checkbox는 3가지 상태를 가질 수 있게 됩니다. 즉, 체크, 체크 해제, 상태 없음입니다. 다음과 같이 사용할 수 있습니다.

Checkbox(
  value: _isChecked,
  tristate: true,
  onChanged: (bool newValue) {
    setState(() {
      _isChecked = newValue;
    });
  },
),

onChanged 함수

onChanged 함수를 사용하여 사용자가 체크박스의 상태를 변경할 때 호출되는 콜백 함수를 정의할 수 있습니다. 이를 통해 체크박스가 선택되거나 해제됐을 때 원하는 동작을 수행할 수 있습니다.

Checkbox(
  value: _isChecked,
  onChanged: (bool newValue) {
    setState(() {
      _isChecked = newValue;
      if (_isChecked) {
        print('체크박스 선택됨');
      } else {
        print('체크박스 해제됨');
      }
    });
  },
),

결론

플러터의 Checkbox 위젯을 통해 사용자가 선택할 수 있는 체크박스를 쉽게 생성하고 사용자 정의할 수 있습니다. 위에서 설명한 속성과 기능을 활용하여 애플리케이션 개발에 활용해 보세요. 자세한 내용은 공식 문서를 참조하시기 바랍니다.