导航路线未删除或弹出

Question

目前我正在我的应用程序上做一个安全设置页面。现在我遇到的问题是当我向后导航或按下返回按钮时。页面仍在导航甚至弹出。

我的代码我正在使用它进入第一个流程

Navigator.push(
        context,
        MaterialPageRoute(builder: (context) => otp_mPin())

现在在第二次或回流时我已经使用了这个

Code used for second flow

在我使用的 OTP 页面上弹出并推送

Navigator.of(context).pop();
Navigator.push(
        context,
        MaterialPageRoute(builder: (context) => mPin())

这是我得到的流程

屏幕 1 设置页面

 onTap: (){
                Navigator.push(context, MaterialPageRoute(builder: (context) => ProtectPhone()));
              },

带有密码的屏幕 2 页面

成功密码导航

   onPressed: (){
            Navigator.pop(context);
            Navigator.push(context, MaterialPageRoute(builder: (context) => selectScreenLock()));
          },

返回按钮/willPop

Navigator.pop(context);

屏幕 3 选择

选择或单击 MPin 将重定向到 OtpMpin 页面

  Navigator.push(
                    context,
                    MaterialPageRoute(builder: (context) => OtpMpin())
                );

返回或将弹出命令

  Navigator.of(context).pop();
  Navigator.push(
      context,
      MaterialPageRoute(builder: (context) => ProtectPhone())
  );

屏幕 4 OTP

OTP 输入成功

 Navigator.pop(context);
                      Navigator.push(context, MaterialPageRoute(builder: (context) => setMPin()));

屏幕 5 MPIN

返回或 Willpop 命令

        Navigator.of(context).pop();
      Navigator.push(
    context,
    MaterialPageRoute(builder: (context) => selectScreenLock())

第一流

1 > 2 > 3 > 4 > 5

二次或回流

5 > 3 > 2 > 4 > 2 > 1

Answer 1

在第 3 页到第 4 页中使用 pushReplacement 方法，以便在从第 3 页导航到第 4 页时，将第 3 页从堆栈中移除并推送到第 4 页。因此，如果用户在第 4 页按下返回按钮，则用户将获得第二页。

Navigator.pushReplacement(context,
                MaterialPageRoute(builder: (context) {
              return NewPage();
            }));