微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决显示进度条,直到图像加载扑

我想用验证码制作一个注册屏幕,我使用的 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 });

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。