Flutter 一个页面多个 checkBox
时间: 2024-03-13 09:48:05 浏览: 162
要在Flutter中创建一个页面上具有多个复选框的方法,你可以使用CheckboxListTile widget。这个widget可以让你创建一个带有标题和复选框的列表项,用户可以通过点击复选框来选择或取消选择该项。
以下是一个简单的示例代码,其中创建了一个包含三个复选框的列表:
```dart
List<bool> _isChecked = [false, false, false];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Checkbox Example'),
),
body: ListView(
children: <Widget>[
CheckboxListTile(
title: Text('Checkbox 1'),
value: _isChecked[0],
onChanged: (bool value) {
setState(() {
_isChecked[0] = value;
});
},
),
CheckboxListTile(
title: Text('Checkbox 2'),
value: _isChecked[1],
onChanged: (bool value) {
setState(() {
_isChecked[1] = value;
});
},
),
CheckboxListTile(
title: Text('Checkbox 3'),
value: _isChecked[2],
onChanged: (bool value) {
setState(() {
_isChecked[2] = value;
});
},
),
],
),
);
}
```
在这个例子中,我们使用了一个bool类型的列表来跟踪每个复选框的状态。在每个CheckboxListTile中,我们将value属性设置为对应的_bool值,并在onChanged回调中更新该值。当用户点击复选框时,setState函数会被调用,告诉Flutter框架重新绘制界面以反映新的状态。
阅读全文