HarmonyOS 鸿蒙Next 使用Navigation做页面跳转时A页面自定义组件生命周期方法

import { hilog } from '@kit.PerformanceAnalysisKit';

@Entry
@ComponentV2
struct Index {
  private pathStack = new NavPathStack()

  build() {
    Navigation(this.pathStack) {
      Column() {
        Button('go child')
          .onClick(() => {
            this.pathStack.pushPathByName('child', null)
          })
      }.onVisibleAreaChange([1], (isShow) => {
        hilog.debug(0x000000, 'rainrain', 'index isShow == ' + isShow)
      })
    }.size({ width: '100%', height: '100%' })
    .hideTitleBar(false)
    .hideToolBar(false)
    .navDestination(this.BuilderMap)
  }

  @Builder
  BuilderMap(name: string) {
    if (name == 'child') {
      ChildPage()
    } else {
      ThirdPage()
    }
  }
}

@ComponentV2
struct ChildPage {
  build() {
    NavDestination() {
      Column() {
        Button('pop ').onClick(() => {
          this.queryNavigationInfo()?.pathStack.pop()
        })
        Button('next').onClick(() => {
          this.queryNavigationInfo()?.pathStack.pushPathByName('third', null)
        })
      }
    }.size({ width: '100%', height: '100%' })
    .onShown(() => {
      hilog.debug(0x000000, 'rainrain', 'child show')
    }).onHidden(() => {
      hilog.debug(0x000000, 'rainrain', 'child onHidden')
    })
  }
}

@ComponentV2
struct ThirdPage {
  build() {
    NavDestination() {
      Column() {
        Button('pop ').onClick(() => {
          this.queryNavigationInfo()?.pathStack.pop()
        })

      }
    }.size({ width: '100%', height: '100%' })
    .onShown(() => {
      hilog.debug(0x000000, 'rainrain', 'Third show')
    }).onHidden(() => {
      hilog.debug(0x000000, 'rainrain', 'Third onHidden')
    })
  }
}