[flutter] 플러터 Radio의 사용 예시

14 Dec 2023

flutter

플러터에서 Radio 위젯은 여러 값을 중 하나를 선택하도록 하는 UI 요소입니다. Radio 위젯은 두 가지 값 중 하나를 선택하는 데 사용됩니다. 여러 라디오 버튼을 그룹으로 묶어 하나의 값만 선택할 수 있도록 할 수 있습니다.

예시

다음은 플러터에서 Radio 위젯을 사용하여 라디오 버튼을 생성하는 간단한 예시입니다.

import 'package:flutter/material.dart';

class RadioExample extends StatefulWidget {
  @override
  _RadioExampleState createState() => _RadioExampleState();
}

class _RadioExampleState extends State<RadioExample> {
  String _selectedValue;

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        Radio(
          value: 'option1',
          groupValue: _selectedValue,
          onChanged: (value) {
            setState(() {
              _selectedValue = value;
            });
          },
        ),
        Radio(
          value: 'option2',
          groupValue: _selectedValue,
          onChanged: (value) {
            setState(() {
              _selectedValue = value;
            });
          },
        ),
      ],
    );
  }
}

위의 코드 예제는 두 개의 라디오 버튼을 생성하는 방법을 보여줍니다. groupValue 속성으로 같은 그룹으로 묶으며, onChanged 콜백으로 선택된 값을 업데이트합니다.

이제 이 라디오 버튼을 빌드하고 실행하여 동작을 확인할 수 있습니다.

결론

Radio 위젯은 플러터에서 라디오 버튼을 만들고 사용하는 간단하고 효율적인 방법을 제공합니다. 이것은 선택지 중 하나를 선택하는 데 유용하며, Radio 버튼을 다룰 때 유용한 기능들을 제공합니다.

더 많은 정보를 원한다면 플러터 공식 문서를 참고하세요.

플러터 공식 문서 - Radio Class

위 문서에는 Radio 위젯의 상세한 내용과 예시에 대한 정보가 포함되어 있습니다.