flutter单选按钮
时间: 2023-09-06 10:12:01 浏览: 47
在 Flutter 中,可以使用 `Radio` 和 `RadioListTile` 来实现单选按钮。这里简单介绍一下它们的用法。
1. Radio
`Radio` 是一个简单的单选按钮,通常与 `RadioGroup` 一起使用。在 `Radio` 中,我们需要指定一个 `value` 和一个 `groupValue`,其中 `value` 表示当前单选按钮的值,`groupValue` 表示整个单选按钮组的值。当 `value` 等于 `groupValue` 时,该单选按钮被选中。
以下是 `Radio` 的一个简单示例:
```dart
int _groupValue = 1;
@override
Widget build(BuildContext context) {
return Column(
children: [
Radio(
value: 1,
groupValue: _groupValue,
onChanged: (value) {
setState(() {
_groupValue = value;
});
},
),
Radio(
value: 2,
groupValue: _groupValue,
onChanged: (value) {
setState(() {
_groupValue = value;
});
},
),
],
);
}
```
2. RadioListTile
`RadioListTile` 是一个更加复杂的单选按钮,它包含一个标题和一个副标题。它通常用于在列表中显示单选按钮。
以下是 `RadioListTile` 的一个简单示例:
```dart
int _groupValue = 1;
@override
Widget build(BuildContext context) {
return Column(
children: [
RadioListTile(
title: Text('选项1'),
value: 1,
groupValue: _groupValue,
onChanged: (value) {
setState(() {
_groupValue = value;
});
},
),
RadioListTile(
title: Text('选项2'),
value: 2,
groupValue: _groupValue,
onChanged: (value) {
setState(() {
_groupValue = value;
});
},
),
],
);
}
```
以上就是 Flutter 中实现单选按钮的方法。