Flutter 关闭弹框并finish掉当前页面

╰+哭是因爲堅強的太久メ 2021-06-30 08:40 1556阅读 0赞

#### 场景描述： ####

在一个用户登录退出的场景模式下，并关闭掉当前页面，场景可能类似如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70]

如图，当我们点击确定退出按钮，去请求接口，请求成功后，关闭当前dialog，然后再退出当前页面。

##### 上部分代码： #####

setting\_page.dart

// 弹框
      void showLoginOutDialog() { 
        showDialog(
            context: context,
            barrierDismissible: false,   // 点击外部不消失
            builder: (BuildContext context){ 
              return CommonDialog(
                title: "确定退出当前账号？",
                onNavClickListener: (){ 
                  print("onNavClickListener ");
                  Navigator.of(context).pop(1);
                },
                onPosClickListener: (){ 
                  print("loginaa ");
                  Navigator.of(context).pop(1);
                  _loginOut();
                },
              );
            }
        );
      }
    
    // 退出网络请求，这里的pop("login_out")为标志，进行退出后页面的刷新操作。
      void _loginOut() async{ 
        DataUtils.loginOut().then((res){ 
          print("res $res");
          if (res) { 
            ToastUtil.showBottomToast("退出成功");
            Navigator.of(context).pop("login_out");
          }else { 
            ToastUtil.showBottomToast("退出失败");
          }
        }).catchError((onError){ 
          print("onError $onError");
        });
      }

##### 总结： #####

之前同时pop两个的时候出现黑屏的bug，可能是pop的`context`对象不对，一个是widget的，一个是dialog的，这时候我试了调整下pop的位置，经测试后发现操作正常。

--------------------

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70]: /images/20210529/f370e60ad45b42f1b0a178f10cc68011.png
[20181106111014905.png]: /images/20210529/342640c88dcf4794864db210633f9d02.png