📜  navigitor.push flutter (1)

📅  最后修改于: 2023-12-03 15:33:05.579000             🧑  作者: Mango

在 Flutter 中使用 Navigator.push

在 Flutter 中,Navigator.push 方法可以用于在屏幕上打开一个新的路由或页面,同时允许用户返回到之前的页面。这个方法是非常重要的,因为它允许开发者在自己的应用程序之间实现流畅和无缝的页面路由。

如何使用 Navigator.push

要使用 Navigator.push 方法,首先需要导入 material 包。然后,您需要在您的代码中调用 Navigator.push 方法,并向该方法提供自定义页面的路由。下面是一个使用 Navigator.push 来打开新页面的简单示例:

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

在这个示例中,builder 参数定义了一个新的页面路由,该路由将被提供给 Navigator.push 方法。

使用路由回调函数

Navigator.push 方法也可以与路由回调函数一起使用,该函数将在页面被弹出时执行。下面是一个使用路由回调函数的示例:

Navigator.push(
  context, 
  MaterialPageRoute(builder: (context) => YourNewPage())
).then((value) {
  // 在页面被弹出后执行的代码
});

在这个示例中,我们向 Navigator.push 方法提供了一个 then() 方法,该方法将在页面退出时执行,允许我们在页面关闭后执行任意 Dart 代码。

如何返回上一个页面

要退出打开的页面并返回到上一个页面,可以使用 Navigator.pop 方法。下面是一个示例:

Navigator.pop(context);
总结

在 Flutter 中,Navigator.push 方法是打开新路由并允许用户返回到之前的页面的重要组成部分。通过使用该方法,您可以为用户提供流畅和无缝的页面路由,并允许他们在应用程序之间轻松地跳转。