플러터 - 라디오버튼, 스위치, 슬라이더, 팝업메뉴버튼 상업적 이용x

연습예제입니다.

한번 따라쳐보시거나, 전체적으로 보고 모르는 부분을 구글링해도 좋을 듯 싶습니다.

---

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
 
const assetImagePath = 'assets/images';
const bannerImage = '$assetImagePath/banner.png';
 
void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        appBar: AppBar(),
        body: Body(),
      ),
    ),
  );
}
 
class Body extends StatelessWidget {
  const Body({super.key});
 
  @override
  Widget build(BuildContext context) {
    return const Column(
      children: [
        TestCheckBox(),
        TestRadioButton(),
        TestSlider(),
        TestSwitch(),
        TestPobupMenu(),
      ],
    );
  }
}
 
class TestCheckBox extends StatefulWidget {
  const TestCheckBox({super.key});
 
  @override
  State<TestCheckBox> createState() => _TestCheckBoxState();
}
 
class _TestCheckBoxState extends State<TestCheckBox> {
  late List<bool> values;
 
  @override
  void initState() {
    super.initState();
    values = [false, false, false];
  }
 
  @override
  Widget build(BuildContext context) {
    return Row(
      children: [
        Checkbox(
            value: values[0],
            onChanged: (value) => changeValue(0, value: value)),
        Checkbox(
            value: values[1],
            onChanged: (value) => changeValue(1, value: value)),
        Checkbox(
            value: values[2],
            onChanged: (value) => changeValue(2, value: value)),
      ],
    );
  }
 
  void changeValue(int index, {bool? value = false}) {
    setState(() {
      values[index] = value!;
    });
  }
}
 
enum TestValue {
  test1,
  test2,
  test3,
}
 
class TestRadioButton extends StatefulWidget {
  const TestRadioButton({super.key});
 
  @override
  State<TestRadioButton> createState() => _TestRadioButtonState();
}
 
class _TestRadioButtonState extends State<TestRadioButton> {
  TestValue? selectValue;
 
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        ListTile(
          leading: Radio<TestValue>(
            value: TestValue.test1,
            groupValue: selectValue,
            onChanged: (value) => setState(
              () => selectValue = value!,
            ),
          ),
          title: Text(TestValue.test1.name),
          onTap: () => setState(() {
            if (selectValue != TestValue.test1) {
              selectValue = TestValue.test1;
            }
          }),
        ),
        Radio<TestValue>(
          value: TestValue.test2,
          groupValue: selectValue,
          onChanged: (value) => setState(
            () {
              selectValue = value!;
            },
          ),
        ),
        Radio<TestValue>(
          value: TestValue.test3,
          groupValue: selectValue,
          onChanged: (value) => setState(
            () {
              selectValue = value!;
            },
          ),
        ),
      ],
    );
  }
}
 
class TestSlider extends StatefulWidget {
  const TestSlider({super.key});
 
  @override
  State<TestSlider> createState() => _TestSliderState();
}
 
class _TestSliderState extends State<TestSlider> {
  double value = 0;
 
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text('${value.round()}'),
        Slider(
          value: value,
          onChanged: (newValue) => setState(() => value = newValue),
          divisions: 100,
          max: 100,
          min: 0,
          label: value.round().toString(),
        ),
      ],
    );
  }
}
 
class TestSwitch extends StatefulWidget {
  const TestSwitch({super.key});
 
  @override
  State<TestSwitch> createState() => _TestSwitchState();
}
 
class _TestSwitchState extends State<TestSwitch> {
  bool value = false;
 
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        CupertinoSwitch(
            value: value,
            onChanged: (newValue) => setState(() {
                  newValue = value;
                })),
        Switch(
            value: value,
            onChanged: (newValue) => setState(() => value = newValue)),
      ],
    );
  }
}
 
class TestPobupMenu extends StatefulWidget {
  const TestPobupMenu({super.key});
 
  @override
  State<TestPobupMenu> createState() => _TestPobupMenuState();
}
 
class _TestPobupMenuState extends State<TestPobupMenu> {
  TestValue selectValue = TestValue.test1;
 
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text(selectValue.name),
        PopupMenuButton(
          itemBuilder: (context) {
            return TestValue.values
                .map((value) =>
                    PopupMenuItem(value: value, child: Text(value.name)))
                .toList();
          },
          onSelected: (newValue) => setState(() => selectValue = newValue),
        ),
      ],
    );
  }
}