Flutter 实现列表多个勾选框
时间: 2024-03-09 18:45:54 浏览: 330
要在Flutter中实现列表多个勾选框,可以使用ListView.builder来创建一个列表视图,然后在每个列表项中添加一个Checkbox组件。下面是一个简单的示例代码:
```
List<String> items = ['Item 1', 'Item 2', 'Item 3', 'Item 4'];
List<bool> checked = [false, false, false, false];
ListView.builder(
itemCount: items.length,
itemBuilder: (BuildContext context, int index) {
return ListTile(
title: Text(items[index]),
leading: Checkbox(
value: checked[index],
onChanged: (bool value) {
setState(() {
checked[index] = value;
});
},
),
);
},
);
```
在这个示例中,我们使用了ListView.builder来创建一个列表视图,并且在每个列表项中添加了一个Checkbox组件。我们还定义了一个items数组来存储列表项的文本内容,并且定义了一个checked数组来存储每个列表项是否被选中的状态。在Checkbox的onChanged回调函数中,我们使用setState来更新checked数组中对应位置的值,以便反映出用户的勾选行为。
阅读全文