flutter单选按钮
时间: 2023-09-04 12:07:57 浏览: 117
grouped_buttons:一组Flutter小部件,使对复选框和单选按钮进行分组变得更加容易!
Flutter中的单选按钮通常使用Radio或RadioListTile Widget来实现。
1. 使用Radio Widget创建单选按钮:
```dart
var _selectedValue;
Column(
children: <Widget>[
Radio(
value: 1,
groupValue: _selectedValue,
onChanged: (value){
setState(() {
_selectedValue = value;
});
},
),
Radio(
value: 2,
groupValue: _selectedValue,
onChanged: (value){
setState(() {
_selectedValue = value;
});
},
),
],
);
```
2. 使用RadioListTile Widget创建单选按钮:
```dart
var _selectedValue;
Column(
children: <Widget>[
RadioListTile(
title: Text("Option 1"),
value: 1,
groupValue: _selectedValue,
onChanged: (value){
setState(() {
_selectedValue = value;
});
},
),
RadioListTile(
title: Text("Option 2"),
value: 2,
groupValue: _selectedValue,
onChanged: (value){
setState(() {
_selectedValue = value;
});
},
),
],
);
```
注意,这里的groupValue参数必须是可变的,因为当用户选择其中一个选项时,groupValue的值将被设置为选项的value属性。
阅读全文