flutter 复选框
时间: 2024-08-16 19:03:09 浏览: 94
Flutter 中的复选框(Checkbox)是一个用于让用户选择一个选项的控件,通常用于列表或其他需要用户确认状态的地方。它有以下几个关键属性和使用方法:
1. **值**(Value):复选框的默认值通常是 `false`,当用户勾选时变为 `true`。
2. **控制器**(Controller):通过 `CheckboxState` 控制器,可以跟踪其选中状态,并响应用户的交互。你可以创建一个 `Checkbox` 组件并绑定到一个 `bool` 变量上。
```dart
var checked = false;
Checkbox(
value: checked,
onChanged: (value) {
setState(() { checked = value; });
},
)
```
这里的 `onChanged` 函数会在用户改变选择时被调用。
3. **样式**(Appearance):Flutter 提供了多种外观选项,比如圆形、方形等,你可以通过 `shape` 属性设置。
4. **图标**(Icon):如果你希望自定义选中的图标,可以将 `Icon` 子元素放在 `Checkbox` 内部。
5. **群组选择**(Grouping):如果你需要多个相关的复选框作为一个整体来处理,可以使用 `ToggleGroup` 和 `RadioListTile` 组合。
```dart
ToggleGroup(
value: _selectedIndex,
children: <Widget>[
RadioListTile(
title: Text('Option 1'),
value: 0,
groupValue: _selectedIndex,
onChanged: (int index) {
setState(() { _selectedIndex = index; });
},
),
// 更多 RadioListTile...
],
)
```
阅读全文