flutter choicechip
时间: 2024-02-24 07:58:51 浏览: 118
ChoiceChip 是 Flutter 中的一个小部件,它可以在一组选项中提供单选或多选功能。您可以使用 ChoiceChip 来让用户选择一个或多个选项,这些选项可以是文本、图标或其他自定义小部件。
以下是一个简单的例子,演示如何使用 ChoiceChip 显示一组选项:
```dart
class MyWidget extends StatefulWidget {
@override
_MyWidgetState createState() => _MyWidgetState();
}
class _MyWidgetState extends State<MyWidget> {
int _selectedIndex = 0;
final List<String> _options = ['Option 1', 'Option 2', 'Option 3'];
@override
Widget build(BuildContext context) {
return Wrap(
spacing: 8.0,
children: List<Widget>.generate(_options.length, (int index) {
return ChoiceChip(
label: Text(_options[index]),
selected: _selectedIndex == index,
onSelected: (bool selected) {
setState(() {
_selectedIndex = selected ? index : null;
});
},
);
}),
);
}
}
```
在这个例子中,我们创建了一个 `Wrap` 小部件,并在其中生成一组 `ChoiceChip` 小部件,每个小部件都对应一个选项。我们使用 `selected` 属性来指示选项是否被选中,使用 `onSelected` 回调处理选中事件,并在回调中通过 `setState` 更新选中的索引。
希望这个例子能帮助您开始使用 ChoiceChip 在 Flutter 中实现选项选择。
阅读全文