[flutter] 플러터 Radio의 사용 예시
플러터에서 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 위젯의 상세한 내용과 예시에 대한 정보가 포함되어 있습니다.