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

Question

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

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

谢谢

Answer 1

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

你应该做的是：

小组件 A

Navigator.push(context, WidgetB());

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

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

Answer 2

您可以使用：

Navigator.pop(context);

或

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

Answer 3

您可能使用了 Navigator.pushReplacement，它会破坏上一页并创建新的 page.However 如果您使用 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 4

这是 Materialapp 小部件问题。

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

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

How to navigate to previous page using device back button - Flutter

flutter

navigation

device

back-button