[flutter] 플러터 Checkbox 체크 여부 확인하기

07 Dec 2023

flutter

플러터(Flutter)에서 Checkbox 위젯을 사용하여 체크박스를 구현할 수 있습니다. 하지만 체크박스가 체크된 상태인지 아닌지를 확인하기 위해서는 몇 가지 추가적인 작업이 필요합니다.

체크 여부 확인하기

아래 예제는 플러터에서 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 Example'),
      ),
      body: Center(
        child: Checkbox(
          value: isChecked,
          onChanged: (bool value) {
            setState(() {
              isChecked = value;
            });
          },
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          if (isChecked) {
            showDialog(
              context: context,
              builder: (BuildContext context) {
                return AlertDialog(
                  title: Text('Checkbox Status'),
                  content: Text('Checkbox is checked.'),
                  actions: [
                    FlatButton(
                      child: Text('Close'),
                      onPressed: () {
                        Navigator.of(context).pop();
                      },
                    ),
                  ],
                );
              },
            );
          } else {
            showDialog(
              context: context,
              builder: (BuildContext context) {
                return AlertDialog(
                  title: Text('Checkbox Status'),
                  content: Text('Checkbox is not checked.'),
                  actions: [
                    FlatButton(
                      child: Text('Close'),
                      onPressed: () {
                        Navigator.of(context).pop();
                      },
                    ),
                  ],
                );
              },
            );
          }
        },
        child: Icon(Icons.check),
      ),
    );
  }
}

void main() {
  runApp(
    MaterialApp(
      home: CheckboxExample(),
    ),
  );
}

위 예제에서는 isChecked라는 bool 변수를 사용하여 체크박스의 체크 여부를 저장합니다. onChanged 콜백 함수에서는 isChecked 변수의 값을 업데이트하여 체크박스의 상태를 변경합니다.

또한 플로팅 액션 버튼을 클릭하면 체크박스의 체크 여부를 확인하는 다이얼로그를 표시합니다. isChecked 변수의 값에 따라서 다이얼로그의 내용이 변경됩니다.

위 예제를 실행하면 Checkbox 위젯과 확인 버튼이 표시됩니다. 체크박스를 클릭하고 확인 버튼을 클릭하면 체크 여부에 따라 다이얼로그가 표시되는 것을 확인할 수 있습니다.

결론

위의 예제를 참고하여 플러터에서 Checkbox의 체크 여부를 확인하고 다른 작업을 수행할 수 있습니다. Checkbox 위젯을 사용하여 다양한 기능을 구현할 수 있으므로 필요한 기능에 맞게 활용해보세요.

참고 자료

Flutter Checkbox class documentation