如何在flutter中从API创建多个复选框

Posted 2023-02-23

【中文标题】如何在flutter中从API创建多个复选框

【英文标题】：How to create multiple checkbox from API in flutter

【发布时间】：2022-01-06 00:55:50

【问题描述】：

我已经能够在 Future-builder 中显示来自 API 的 JSON 数据。但是，小部件具有每个列表的复选框。每当我检查一个列表时，都会检查整个列表。我需要有关如何单独检查每个列表并能够使用所选列表的数据的帮助。

【问题讨论】：

可以使用示例 json 数据发布您的代码

请提供足够的代码，以便其他人更好地理解或重现问题。

【参考方案1】：

为要显示的每个复选框添加一个引用。

首先，在您的 Stateful 小部件上创建一个空的布尔值列表。

List<bool> _checkBoxValues = [];

然后，对于您的 Api 中的每个项目，将其添加到您的 _checkBoxValues。

bool x = false;
_checkBoxValues.add(x);

然后你使用它访问它

return Checkbox(
        value: _checkBoxValues[index],
      ),