如何制作接收API响应的进度条?

如何制作接收API响应的进度条?,api,flutter,dart,Api,Flutter,Dart,当从API接收数据到Flatter应用程序时,接收数据需要时间。如何制作一个进度条来加载,直到JSON数据被接收到Flatter应用程序并移动到应用程序的下一个屏幕 我没有使用ListView.Builder。相反,我将其用于文本、下拉列表和其他内容。您可以使用FutureBuilder小部件,如图所示: FutureBuilder( 未来:未来专辑, 生成器:(上下文,快照){ if(snapshot.hasData){ 返回文本(快照、数据、标题); }else if(snapshot.ha

当从API接收数据到Flatter应用程序时,接收数据需要时间。如何制作一个进度条来加载,直到JSON数据被接收到Flatter应用程序并移动到应用程序的下一个屏幕


我没有使用ListView.Builder。相反,我将其用于文本、下拉列表和其他内容。

您可以使用FutureBuilder小部件,如图所示:

FutureBuilder(
未来:未来专辑,
生成器:(上下文,快照){
if(snapshot.hasData){
返回文本(快照、数据、标题);
}else if(snapshot.hasrerror){
返回文本(“${snapshot.error}”);
}
//默认情况下,显示加载微调器。
返回循环ProgressIndicator();
},
);
此小部件允许您使用正在加载的数据和加载本身的状态信息构建布局

对于
future:
参数,向他提供您的
http.get
请求

builder:
param中,为其提供一个匿名函数,用于生成要显示的内容。在上述闭包中,您可以依靠
快照
来了解数据是否已完成下载(
snapshot.hasData
),或者下载时是否有错误(
snapshot.hasError
)。 要显示您要求的进度条,您可以推断状态:如果快照没有数据也没有任何错误,因此它正在加载,您可以将进度条返回给用户