dart - 在执行任务时以及完成任务对话框后如何创建进度对话框应该被取消？

如何添加进度栏？

单击按钮后，我需要在执行任务时显示进度条，完成任务后，如果成功登录，则应关闭该对话框并移至下一页。

在提升按钮中:

onPressed: () async {
  (isOffline)
  ? showSnackBar(context)
  : checkingValidation(usernameController, context, _url);
}


checkingValidation(TextEditingController usernameController, BuildContext context, String _url) async {
if(....){
...
}else{
    Navigator.push(
       context,
       MaterialPageRoute(
       builder: (context) => HomePage()))
}

最佳答案

您应该使用Stack并在其中使用所需的警告对话框。
只要需要显示或隐藏进度警报对话框，就添加一个类似于bool showProgress的标记，只需分别在showProgress=true中设置showProgress=false或setState即可显示或隐藏警报对话框小部件。

或只是使用我创建的此模板。

  static showProgressDialog(BuildContext context, String title) {
    try {
      showDialog(
          context: context,
          barrierDismissible: false,
          builder: (context) {
            return AlertDialog(
              content: Flex(
                direction: Axis.horizontal,
                children: <Widget>[
                  CircularProgressIndicator(),
                  Padding(padding: EdgeInsets.only(left: 15),),
                  Flexible(
                      flex: 8,
                      child: Text(
                        title,
                        style: TextStyle(
                            fontSize: 16, fontWeight: FontWeight.bold),
                      )),
                ],
              ),
            );
          });
    } catch (e) {
      print(e.toString());
    }
  }

当你想显示这个只是调用AppUtils.showProgressDialog(context, "Please wait");
完成任务后，只需调用Navigator.pop(context);
您可以将类创建为AppUtils并将此模板放置在类中，以便可以在应用程序中的任何位置重复使用它。

关于dart - 在执行任务时以及完成任务对话框后如何创建进度对话框应该被取消？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55625807/