如何在文本小部件和复选框小部件内的一列小部件中显示两个 api 值

【问题标题】：how to show two api value in one column widget inside text widget and checkbox widget如何在文本小部件和复选框小部件内的一列小部件中显示两个 api 值
【发布时间】：2022-06-23 00:23:52
【问题描述】：

我有两个 api，其中第一个 api 有标题，第二个 api 值是布尔值 false 或 true。我想在一个列中显示两个数据列表瓦片（ leading: Text(title here), //第一个Api值 trailing: CheckBox(value: apiValue, onChanged(newVal){})) //第二个api值

【问题讨论】：

你能描述更多或者可以展示api响应的例子吗？

标签： flutter api dart

【解决方案1】：

您可以使用 FutureBuilder 小部件。在您的情况下，由于有两个 API 端点，我建议您将 'future' 参数设置为类似

Future.wait([getTitleFromApiOne(), getBooleanFromApiTwo()])

然后您可以在 ListView 构建器中访问这些数据

var title = snapshot.data[0][index].title // Data from API call 1
var isCheckboxMarked = snapshot.data[1].value // Data from API call 2

现在您可以在 ListTile 小部件中使用它

ListTile( leading: Text(title), //first Api value trailing: 
CheckBox(value: isCheckboxMarked, onChanged(newVal){})) //second api value

【讨论】：