HarmonyOS 鸿蒙Next关于Navigation的疑惑

HarmonyOS 鸿蒙Next关于Navigation的疑惑
<markdown _ngcontent-bgf-c237="" class="markdownPreContainer">

在官方文档中的描述

Navigation是路由容器组件，一般作为首页的根容器

这里的首页根容器是指的用Entry修饰的页面呢,还是类似于底部导航切换子页面的模式,然后 Navigation又具有router的功能,那么也就是支持 Page To Page的模式,例如一个列表页跳转到详情页.

现在我有两个页面,一个SplashPage,一个MainPage,其中MainPage具有底部导航切换功能,这种样式基本都存在

在使用页面路由router的时候,SplashPage,MainPage都需要使用 [@Entry](/user/Entry),然后通过使用

router.replaceUrl({url:'pages/main/MainPage'})

来进行跳转,当跳转到MainPage后,按下返回键是直接退出应用了. 那么既然Navigation也支持router的功能,那么整体下可以只需要一个Navigation,然后各个页面则使用NavDestination来包裹,在这种情况下,大概只需要一个 Entry 修饰的主入口, 然后对SplashPage,MainPage进行修改,新增一个使用Entry修饰的Index页面,其中build中使用Navigation包裹

[@Entry](/user/Entry)
[@Component](/user/Component)
struct Index {
  private navPathStack = new NavPathStack();
aboutToAppear(): void {
AppStorage.setOrCreate(“NavPathStack”, this.navPathStack);
}
build() {
Navigation(this.navPathStack) {
SplashPageBuilder();
}.mode(NavigationMode.Stack)
}
}
<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 4px; right: 8px; font-size: 14px;">复制</button>

接着修改SplashPage

[@Builder](/user/Builder)
export function SplashPageBuilder() {
  SplashPage()
}
[@Component](/user/Component)
struct SplashPage{
  private navPathStack = AppStorage.get<NavPathStack>("NavPathStack");
    build(){
        NavDestination(){
            ......
        }
    }
}
<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 4px; right: 8px; font-size: 14px;">复制</button>

MainPage

[@Builder](/user/Builder)
export function MainPageBuilder() {
  MainPage()
}
[@Component](/user/Component)
struct MainPage{
  private navPathStack = AppStorage.get<NavPathStack>("NavPathStack");
    build(){
        NavDestination(){
            ......
        }
    }
}
<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 4px; right: 8px; font-size: 14px;">复制</button>

路由表:

{
  "routerMap": [
    {
      "name": "splash",
      "pageSourceFile": "src/main/ets/pages/splash/SplashPage.ets",
      "buildFunction": "SplashPageBuilder"
    },
    {
      "name": "main",
      "pageSourceFile": "src/main/ets/pages/main/MainPage.ets",
      "buildFunction": "MainPageBuilder"
    }
  ]
}
<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 4px; right: 8px; font-size: 14px;">复制</button>

最后SplashPage添加一个跳转MainPage的事件

this.navPathStack.pushPathByName("main", null);
<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 4px; right: 8px; font-size: 14px;">复制</button>

通过在模拟器中测试,正常跳转,但是一般从Splash 到 Main,肯定不会用push来跳转,而是用replace去跳转,问题来了,当我使用

navPathStack.replacePathByName("main",null);
<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 4px; right: 8px; font-size: 14px;">复制</button>

跳转是正常的,此时按下返回键时,竟然回到了SplashPage,难道不是应该就直接退出应用吗 我现在相当疑惑,希望有大佬能够解答一下