如何在5秒后停止加载器

发布于 2025-02-10 09:41:08 字数 1160 浏览 3 评论 0原文

我正在尝试在按钮上单击整个屏幕上显示加载程序，并在5秒钟显示对话框后想要停止加载程序。这是我的代码

          setState(() {
              _isLoading = true;
            });
            _isLoading
                ? showDialog(
                    context: context,
                    barrierDismissible: false,
                    builder: (BuildContext context) {
                      return WillPopScope(
                        onWillPop: () async {
                          return false;
                        },
                        child: Center(
                          child: CircularProgressIndicator(
                            color: Apptheme.primaryColor,
                          ),
                        ),
                      );
                    })
                : null;
            await Future.delayed(const Duration(seconds: 5), () {
              AppDialogs()
                  .showInfoDialogue(context, "Sorry all drivers are busy!", () {
                Navigator.pop(context);
              });
            });
            setState(() {
              _isLoading = false;
            });

在按钮上调用此代码，它在5秒后显示对话框，但不会停止加载程序。请帮助我做错了什么。

原文

I'm trying to display the loader on whole screen on button click and after 5 seconds displaying a dialogue box an want to stop the loader. here is my code

          setState(() {
              _isLoading = true;
            });
            _isLoading
                ? showDialog(
                    context: context,
                    barrierDismissible: false,
                    builder: (BuildContext context) {
                      return WillPopScope(
                        onWillPop: () async {
                          return false;
                        },
                        child: Center(
                          child: CircularProgressIndicator(
                            color: Apptheme.primaryColor,
                          ),
                        ),
                      );
                    })
                : null;
            await Future.delayed(const Duration(seconds: 5), () {
              AppDialogs()
                  .showInfoDialogue(context, "Sorry all drivers are busy!", () {
                Navigator.pop(context);
              });
            });
            setState(() {
              _isLoading = false;
            });

calling this code on button click, it shows the dialogue box after 5 seconds but not stop the loader. kindly help where i'm doing wrong.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

娇柔作态 2025-02-17 09:41:08

调用showdialog将加载程序安装在屏幕上，如果您在导航器上有一个简单的设置.pop（）您显示对话框。需要修改：

await Future.delayed(const Duration(seconds: 5), () {
    Navigator.of(context).pop();
    AppDialogs().showInfoDialogue(context, "Sorry all drivers are busy!", () {
      Navigator.pop(context);
    });
});

Once you call showDialog the loader is mounted on the screen and it will not disappear, if you have a simple setup calling .pop() on the navigator will remove your loader before you show the dialog. Modification required:

await Future.delayed(const Duration(seconds: 5), () {
    Navigator.of(context).pop();
    AppDialogs().showInfoDialogue(context, "Sorry all drivers are busy!", () {
      Navigator.pop(context);
    });
});

回复收藏 0 原文