显示进度条，直到图像加载扑

编程问答 2022-06-01

问题描述

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

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

enter image description here

getCaptcha.dart

register.dart initstate

register.dart problem

解决方法

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

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

添加“加载”状态

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