HarmonyOS 鸿蒙Next如何切换navigation

您可以查看此文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-router-to-navigation-V5#架构差异

router和navigation的架构不同，router.pushUrl跳转的是@entry修饰的页面，NavPathStack也无法控制@entry的页面。您可以使用router.page1携带参数返回，Navigation根据参数加载NavDestination2。

您项目的封装的页面是以什么方式加载的？

router和navigation的生命周期和路由控制是相互独立的，需要分开处理，您可参考以下思路：

将封装的页面以公共组件的方式加载到NavDestination里（Navigation->NavDestination->NavDestination1（router.page1）->NavDestination2）

需要在router跳转到的页面使用Navigation组件重新开启新的Navigation。可参考以下demo：

//index.ets (在main_page.json中注册)
@Entry
@Component
struct Index {
  pageInfo: NavPathStack = new NavPathStack()
  build() {
    Navigation(this.pageInfo) {
      Column() {
        Button('StartTest', { stateEffect: true, type: ButtonType.Capsule })
          .width('80%')
          .height(40)
          .margin(20)
          .onClick(() => {
            this.pageInfo.pushPath({ name: 'pageOne' })
          })
      }
    }.title('NavIndex')
  }
}

//PageOne.ets （需要注册routermap）
import { router } from '@kit.ArkUI';
@Builder
export function PageOneBuilder(name: string, param: Object) {
  PageOne()
}
@Component
struct PageOne {
  pageInfo: NavPathStack = new NavPathStack();
  @State message: string = 'pageOne'
  aboutToAppear(): void {
  }
  build() {
    NavDestination() {
      Text(this.message)
        .width('80%')
        .height(50)
        .margin(10)
      Button('pushPath', { stateEffect: true, type: ButtonType.Capsule })
        .width('80%')
        .height(40)
        .margin(10)
        .onClick(() => {
          //使用router跳转到下一个页面
          router.pushUrl({
            url: "pages/PageRouterOne"
          })
        })
    }
    .height('100%')
    .width('100%')
  }
}

//PageRouterOne.ets (在main_page.json中注册)
@Entry
@Component
struct PageRouterOne {
  pageInfo: NavPathStack = new NavPathStack();
  @State message: string = 'Hello World';
  build() {
    Navigation(this.pageInfo) {
      Text(this.message)
        .id('PageRouterOneHelloWorld')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .alignRules({
          center: { anchor: 'container', align: VerticalAlign.Center },
          middle: { anchor: 'container', align: HorizontalAlign.Center }
        })
      Button("看看下面").onClick(() => {
        this.pageInfo.pushPath({ name: "pageTwo" })
      })
    }
    .height('100%')
    .width('100%')
  }
}

//PageTwo.ets（需要注册routermap）
@Builder
export function PageTwoBuilder(name: string, param: Object) {
  PageOne()
}
@Component
struct PageOne {
  pageInfo: NavPathStack = new NavPathStack();
  @State message: string = 'pageTwo'
  build() {
    NavDestination() {
      Text(this.message)
        .width('80%')
        .height(50)
        .margin(10)
      Button('pushPath', { stateEffect: true, type: ButtonType.Capsule })
        .width('80%')
        .height(40)
        .margin(10)
    }
    .height('100%')
    .width('100%')
  }
}

//router_map.json
{
  "routerMap": [
    {
      "name": "pageOne",
      "pageSourceFile": "src/main/ets/pages/PageOne.ets",
      "buildFunction": "PageOneBuilder",
      "data": {
        "description": "this is pageOne"
      }
    },
    {
      "name": "pageTwo",
      "pageSourceFile": "src/main/ets/pages/PageTwo.ets",
      "buildFunction": "PageTwoBuilder"
    }
  ]
}