HarmonyOS 鸿蒙Next 跳转页面时router和Navigation混用有方案实现吗

//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”
}
]
}