1. 通過router_map.json配置文件進行

1. 創建頁面
2. 配置router_map.json

{"routerMap": [{"name": "StateExamplePage","pageSourceFile": "src/main/ets/pages/state/StateExamplePage.ets","buildFunction": "PageBuilder"},......
}

3. 跳轉

2. 使用pageBuilder()方法進行

1. 創建三個頁面

@Component
export struct pageOneTmp {}
@Component
export struct pageTwoTmp {}
@Component
export struct pageThreeTmp {}

2. 創建PageMap函數

  @BuilderPageMap(name: string) {if (name === "NavDestinationTitle1") {pageOneTmp()} else if (name === "NavDestinationTitle2") {pageTwoTmp()} else if (name === "NavDestinationTitle3") {pageThreeTmp()}}

3. Navigation使用PageMap函數

  Navigation(this.pageInfos) {}.title("主標題").mode(NavigationMode.Split).navDestination(this.PageMap)

4. 跳轉

this.pageInfos.pushPath({ name: "NavDestinationTitle1" })
this.pageInfos.pushPath({ name: "NavDestinationTitle2" })
this.pageInfos.pushPath({ name: "NavDestinationTitle3" })