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()
})
  }
}.<span class="hljs-title function_">size</span>({ <span class="hljs-attr">width</span>: <span class="hljs-string">'100%'</span>, <span class="hljs-attr">height</span>: <span class="hljs-string">'100%'</span> })
.<span class="hljs-title function_">onShown</span>(<span class="hljs-function">() =&gt;</span> {
  hilog.<span class="hljs-title function_">debug</span>(<span class="hljs-number">0x000000</span>, <span class="hljs-string">'rainrain'</span>, <span class="hljs-string">'Third show'</span>)
}).<span class="hljs-title function_">onHidden</span>(<span class="hljs-function">() =&gt;</span> {
  hilog.<span class="hljs-title function_">debug</span>(<span class="hljs-number">0x000000</span>, <span class="hljs-string">'rainrain'</span>, <span class="hljs-string">'Third onHidden'</span>)
})
}
}