在 Flutter 中，页面切换是基础操作，但很多开发者直接套用 Navigator.push，却不知道 Navigator 有更精细的控制方式。本文介绍 Navigator.push��Navigator.pushReplacement、Navigator.pop 三种核心用法，并附真实代码示例。

Navigator.push
这是最常用的跳转方式，跳转后原页面保留在栈中，用户可通过返回按钮回退。

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

适用场景：商品详情页、设置子页面。返回按钮自动由 Flutter 生成，开发者无需额外处理。

Navigator.pushReplacement
跳转后原页面从栈中移除，无法返回。适用于登录后跳转首页、完成操作后跳转结果页。

Navigator.pushReplacement(
  context,
  MaterialPageRoute(
    builder: (context) => HomeScreen(),
  ),
);

注意：如果在登录页使用此方式跳转首页，用户无法通过返回按钮退出，需在首页手动添加 Navigator.pop(context)。

Navigator.pop
从栈中弹出当前页面，返回上一页面。常配合 try-catch 使用，避免异常导致页面卡死。

try {
  Navigator.push(context, MaterialPageRoute(builder: (context) => DetailScreen()));
} catch (e) {
  Navigator.pop(context); // 出现错误时直接返回
}

实际案例：电商 App 中的商品列表页 → 商品详情页（push）→ 支付成功页（pushReplacement）→ 首页（pushReplacement）→ 返回首页（pop）。这样的跳转链清晰且符合用户习惯。

性能考量：频繁使用 Navigator.push 会增加页面栈深度，超过 15 页时建议使用 Navigator.pushNamed + MaterialApp.router 模式。具体配置参考 Flutter 3.12 的官方文档。