HarmonyOS鸿蒙Next中页面跳转之---Navigation

HarmonyOS鸿蒙Next中页面跳转之—Navigation

header的代码如下

```typescript
import { router } from "[@kit](/user/kit).ArkUI"

[@Component](/user/Component)
export default struct Header {
  // 定义数据变量
  [@State](/user/State) title: string = 'Remote Park' // 页面标题
  [@State](/user/State) backButton: boolean = true // 是否显示返回按钮
  [@State](/user/State) exitButton: boolean = true // 是否显示退出按钮
  [@State](/user/State) hamburgerButtonDelete: boolean = false // 是否删除汉堡菜单按钮

  build() {
    Column() {
      // 使用Stack布局来垂直居中内容
      Stack({ alignContent: Alignment.Bottom })
      {
        Image($r('app.media.rpl_back'))
          .height('64%')
          .width('6.7%')
          .onClick(() =>{
            router.back()
          })
          .margin({left:'-90%'})
          // 页面标题
          Text(this.title)
            .id('headerText')
            .fontSize("18fp")
            .textAlign(TextAlign.Center)
            .width('70%')

          // 返回按钮，根据状态显示或隐藏
          Image($r('app.media.rpl_power'))
            .objectFit(ImageFit.Contain)
            .height('76.9%')
            .width('8%')
            .margin({left:'60%'})
            .onClick(() => { this.exitButton = !this.exitButton })
            .visibility(this.exitButton ? Visibility.Visible : Visibility.None)

          // 菜单按钮，根据状态显示或隐藏
          Image($r('app.media.rpl_hamburger_icon'))
            .objectFit(ImageFit.Contain)
            .height('64%')
            .width('6.7%')
            .margin({ left: '83.7%' })
            .onClick(() =>{
              router.pushUrl({
                url:'pages/setting/fragment_setting'
              })

            })
            .visibility(!this.hamburgerButtonDelete ? Visibility.Visible : Visibility.None)
      }
      .margin({top:'2.5%'})
    }
    .width('100%')
    .height('5%')
    .id('headerRootRow')
    .backgroundColor("#e8e8e8")
  }
}

我的疑问是在第一个页面中header作为一个被调用的函数，里面如果也用Navigation的话，在第二个页面中点击头部相关按钮，页面会发生崩溃，但是一个用router一个用Navigation太别扭，怎么改能够用Navigation串通所有页面