如何使用设备后退按钮导航到上一页 - Flutter

问题描述

当我按下设备后退按钮时，它导航到主页，但不会导航到上一页。

我想知道如何使用设备后退按钮导航到上一页。

谢谢

解决方法

您可能使用了 Navigator.pushReplacement，它会破坏上一页并创建新页面。但是，如果您使用 Navigator.push，按后退按钮将导航到上一个屏幕。

示例：

Container(
        child: Center(
          child: TextButton(child: Text("Next page"),onPressed: (){
            Navigator.push(context,MaterialPageRoute(builder: (context) => Page2(),)); // back button will navigate to previous screen
            //Navigator.pushReplacement(context,)); //  back button will not navigate to previous page
          },),

,

出现这种情况是因为之前的导航没有保存在路由堆栈中。

你应该做的是：

小部件 A

Navigator.push(context,WidgetB());

在Widget B中，按下设备按钮，您将返回至Widget A。

重要的是，在小部件 A 中，您没有使用替换或其他将小部件 A 从堆栈中移除的方法。

,

您可以使用：

Navigatot.pop(context);

或

Navigator.pushNamed(context,'/routeName');

,

这是一个 Materialapp 小部件问题。

我通过删除其中一个页面中的 Materialapp 小部件解决了这个问题。