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

Question

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

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

谢谢

Answer 1

您可能使用过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, MaterialPageRoute(builder: (context) => Page2(),)); //  back button will not navigate to previous page
          },),),),

Answer 2

这是一个 Materialapp 小部件问题。

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

Answer 3

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

你应该做的是：

小部件 A

Navigator.push(context, WidgetB());

在小部件 B中，按下设备按钮，您将返回小部件 A。

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

Answer 4

您可以使用：

Navigator.pop(context);

或者

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