[flutter] FlatButton을 사용하여 체크박스를 만드는 방법은?

26 Dec 2023

flutter

아래는 Flutter에서 FlatButton을 사용한 체크박스 구현 예제입니다.

import 'package:flutter/material.dart';

class CheckboxButton extends StatefulWidget {

  @override
  _CheckboxButtonState createState() => _CheckboxButtonState();
}

class _CheckboxButtonState extends State<CheckboxButton> {
  bool _value = false;

  @override
  Widget build(BuildContext context) {
    return FlatButton(
      onPressed: () {
        setState(() {
          _value = !_value;
        });
      },
      child: Row(
        children: <Widget>[
          _value ? Icon(Icons.check_box) : Icon(Icons.check_box_outline_blank),
          SizedBox(width: 8),
          Text('체크박스'),
        ],
      ),
    );
  }
}

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      body: Center(
        child: CheckboxButton(),
      ),
    ),
  ));
}

이 코드는 FlatButton과 함께 Row를 사용하여 체크박스를 만들었습니다. StatefulWidget을 사용하여 체크박스의 상태를 관리하고, setState() 함수를 통해 상태가 변경되었을 때 화면을 다시 그릴 수 있도록 구현했습니다.

계속된 지원이 필요하시다면 언제든지 물어보세요!