gpt4 book ai didi

dart - 您如何将 future 列表转换为列表以用作变量而不是小部件?

转载 作者:IT王子 更新时间:2023-10-29 06:38:23 25 4
gpt4 key购买 nike

我正在尝试实现 PaginatedDataTable类 flutter 腾。此类的构造函数中的必填字段是类 DataTableSource .查看flutter gallery examples Material 部分的数据表示例here . DataTableSource 有一个名为 List<Dessert> _desserts 的成员变量它的值是硬编码的。在我的实现中,我正在进行 http 调用并返回一些要解码的 json。

List<Result> parseResults(String responseBody) {
final parsed = json.decode(responseBody).cast<Map<String, dynamic>>();

return parsed.map<Result>((json) => Result.fromJson(json)).toList();
}

Future<List<Result>> fetchResults(http.Client client) async {
final response = await client.get('https://api.myjson.com/bins/j5xau');

// Use the compute function to run parseResults in a separate isolate
return compute(parseResults, response.body);

在我的 DataTableSource 类中,我不确定如何实例化列表。

`final List<Result> results = fetchResults(http.Client);` 

不编译因为fetchResults()返回 future 。如果我将返回类型更改为 future results确实可以编译,但我需要返回的 json 类型为 List所以我可以使用类似 sort 的方法等等..我应该如何将 future 转换为列表。

最佳答案

在你的DataTableSource类只是删除 results多变的。然后在你的build函数,你可以使用 FutureBuilder像这样的小部件:

FutureBuilder<List<Result>>(
future: fetchResults(http.Client),
builder: (BuildContext context, AsyncSnapshot<List<Result>> snapshot) {
switch (snapshot.connectionState) {
case ConnectionState.none:
return Text('Press button to start.');
case ConnectionState.active:
case ConnectionState.waiting:
return Text('Awaiting result...');
case ConnectionState.done:
if (snapshot.hasError)
return Text('Error: ${snapshot.error}');
return Text('Result: ${snapshot.data}');
}
return null; // unreachable
},
)

请注意 snapshot.dataList<Result>现在,您可以像使用硬编码值时一样使用它。

编辑:

如果您不想使用 FutureBuilder我建议你有一个基本上修改 results 值的函数当 http 调用完成时。这是我的意思的一个例子:

制作DessertDataSource接受List<Result>在其构造函数中定义 results 的值像这样:

class DessertDataSource extends DataTableSource {
final List<Result> results;
DessertDataSource(this.results);
// rest of the class
}

_DataTableDemoState , 使 _dessertsDataSource不再最终并将其初始值更改为 DessertDataSource([]) .此外,添加一个 bool 值,指示何时加载数据。

class _DataTableDemoState extends State<DataTableDemo> {
// other fields!
DessertDataSource _dessertsDataSource = DessertDataSource([]);
bool isLoaded = false;

然后在_DataTableDemoState中添加如下函数. bool 值确保我们只进行一次 http 调用。

Future<void> getData() async {
final results = await fetchResults(http.Client);
if (!isLoaded) {
setState(() {
_dessertsDataSource = DessertDataSource(results);
isLoaded = true;
});
}
}

最后在按下按钮或其他触发器时调用该函数,或者可能就在构建函数的开头。

@override
Widget build(BuildContext context) {
getData();
return MYWidget();
}

然后,无论何时从 http 调用返回数据,小部件都会自动更新新数据。

关于dart - 您如何将 future 列表转换为列表以用作变量而不是小部件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53288493/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com