在图像加载之前显示进度条。扑答案

【问题标题】：Showing progress bar until image loads. Flutter在图像加载之前显示进度条。扑
【发布时间】：2020-12-28 10:40:37
【问题描述】：

我想用验证码制作一个注册屏幕，我正在使用的 api 发送原始图像字节，并在标题中发送一个秘密值来验证验证码。我想从 http.get 获取字节并将它们显示到我的注册屏幕中的 image.memory 并保存用于提交数据的时间戳。

我有一个 register.dart 文件，其中包含所有 UI。然后是一个 getCaptcha.dart 文件，其中包含一个未来函数来获取验证码和标题。

【问题讨论】：

最好输入代码sn-ps而不是屏幕截图。理想情况下，您还排除了理解您的问题所不需要的任何样板
你问的不清楚。
对不起@Eren，我的意思是在我得到想要显示进度条的响应/字节之前......
@Alok-P 如下所述，但您应该使用 FutureBuilder。文档上的示例代码应该可以解决问题

标签： android flutter dart future flutter-http

【解决方案1】：

您可以尝试 FutureBuilder 来显示进度，直到您收到 API 的响应。

FutureBuilder(
              future: Future<String>.delayed(
                Duration(seconds: 5),
                () => 'Data Loaded',
              ),
              builder: (context, snapShot) {
                return !state.recentSearchCalled
                    ? buildLoadingUi(context)
                    : buildSearchUI(context, state);
              },
            ),

【讨论】：

【解决方案2】：

添加“加载”状态

setState(() { isloading = true });
await getCaptcha();
setState(() { isloading = false });

【讨论】：