Radio Button
Os botões de rádio (Radio Buttons) no Flutter são usados para permitir que os usuários escolham uma única opção de uma lista de opções. Aqui está um exemplo básico de como usar os botões de rádio em Flutter:
class MyRadioButtonWidget extends StatefulWidget {
@override
_MyRadioButtonWidgetState createState() => _MyRadioButtonWidgetState();
}
class _MyRadioButtonWidgetState extends State<MyRadioButtonWidget> {
String _selectedOption = ''; // Variável para armazenar a opção selecionada
@override
Widget build(BuildContext context) {
return Column(
children: <Widget>[
RadioListTile<String>(
title: Text('Opção 1'),
value: 'Opção 1',
groupValue: _selectedOption,
onChanged: (String value) {
setState(() {
_selectedOption = value;
});
},
),
RadioListTile<String>(
title: Text('Opção 2'),
value: 'Opção 2',
groupValue: _selectedOption,
onChanged: (String value) {
setState(() {
_selectedOption = value;
});
},
),
// Adicione mais RadioListTiles conforme necessário
],
);
}
}
void main() => runApp(MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Botões de Rádio Flutter'),
),
body: Center(
child: MyRadioButtonWidget(),
),
),
));
Neste exemplo, RadioListTile
é usado para criar os botões de rádio. Cada RadioListTile
possui um título, um valor associado e um groupValue
que representa o valor atualmente selecionado no grupo. Quando um botão de rádio é selecionado, o onChanged
é chamado e atualiza o _selectedOption
para refletir a nova seleção.
Você pode adicionar mais RadioListTile
dentro do Column
conforme necessário para adicionar mais opções de rádio. Os botões de rádio são úteis quando você precisa permitir que os usuários escolham uma única opção de uma lista de opções mutuamente exclusivas.