Flutter技术问题：如何将页面推送至当前路由下方？

要实现“将页面推送至当前路由下方，弹出当前页面后显示该页面”的需求，你可以直接操作Flutter的路由栈，利用Navigator的insert方法完成目标，具体实现如下：

核心逻辑 #

常规的Navigator.push会把新页面添加到栈顶，而我们需要把目标页面插入到当前栈顶页面的前一个位置。这样当执行pop操作移除当前栈顶页面时，插入的页面就会成为新的栈顶并自动显示。

代码示例 #

假设当前页面是CurrentPage，需要插入的页面是TargetPage，在CurrentPage的逻辑中执行以下代码：

// 获取当前Navigator状态
final navigator = Navigator.of(context);

// 创建目标页面的路由
final targetRoute = MaterialPageRoute(builder: (context) => TargetPage());

// 将路由插入到当前栈顶的前一位
navigator.insert(
  index: navigator.widget.pages.length - 1,
  page: targetRoute,
);

效果验证 #

执行代码后，路由栈会从：
[...历史页面, CurrentPage]
变为：
[...历史页面, TargetPage, CurrentPage]

此时点击系统返回键或调用Navigator.pop(context)，CurrentPage会被弹出路由栈，TargetPage就会立即显示出来。

注意点 #

• 插入路由的操作不会触发当前页面的dispose，能保留当前页面的状态；
• 如果需要自定义页面过渡动画，可以将MaterialPageRoute替换为PageRouteBuilder来实现个性化效果。

内容的提问来源于stack exchange，提问作者Suleyman OZ