[flutter] 플러터 Checkbox 위젯 소개

07 Dec 2023

flutter

플러터에서는 다양한 위젯을 사용하여 사용자와 상호 작용하는 앱을 만들 수 있습니다. 그 중에서도 Checkbox 위젯은 사용자가 선택한 항목을 표시하고 제어하는 데 사용됩니다.

사용법

Checkbox 위젯을 사용하기 위해서는 다음과 같은 단계를 따라야 합니다.

체크박스 상태를 저장하기 위해 변수를 선언합니다.
Checkbox 위젯을 생성하고, 체크박스 값과 제목을 설정합니다.
체크박스의 상태가 변경될 때마다 변수 값도 업데이트될 수 있도록 해당 변수를 사용하여 setState() 함수를 호출합니다.

아래 예시 코드를 통해 Checkbox 위젯의 사용법을 더 자세히 알아보겠습니다.

import 'package:flutter/material.dart';

class CheckBoxExample extends StatefulWidget {
  @override
  _CheckBoxExampleState createState() => _CheckBoxExampleState();
}

class _CheckBoxExampleState extends State<CheckBoxExample> {
  bool isChecked = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Checkbox 예제'),
      ),
      body: Center(
        child: CheckboxListTile(
          title: Text('사과'),
          value: isChecked,
          onChanged: (bool value) {
            setState(() {
              isChecked = value;
            });
          },
        ),
      ),
    );
  }
}

위 예시 코드에서는 CheckboxListTile 위젯을 사용하여 체크박스를 생성합니다. CheckboxListTile은 제목과 함께 체크박스를 표시합니다. onChanged 콜백 함수를 통해 체크박스 상태가 변경될 때마다 isChecked 변수 값이 업데이트됩니다.

참고 자료

Flutter Checkbox Widget Documentation