HarmonyOS 非@Entry组件如何触发onPageShow和onPageHide生命周期回调？

Question

如题：HarmonyOS 非@Entry组件如何触发onPageShow和onPageHide生命周期回调？

Answer 1

参考如下写法：

@Component
struct Component1 {
  uiObserver: UIObserver = this.getUIContext().getUIObserver();

  listener(info: observer.RouterPageInfo) {
    if (info.state === observer.RouterPageState.ON_PAGE_SHOW) {
      console.log('TAG== Component1 == onPageShow');
    } else if (info.state === observer.RouterPageState.ON_PAGE_HIDE) {
      console.log('TAG== Component1 == onPageHide');
    }
  }

  aboutToAppear(): void {
    this.uiObserver.on('routerPageUpdate', this.listener.bind(this));
  }

  aboutToDisappear(): void {
    this.uiObserver.off('routerPageUpdate', this.listener.bind(this));
  }

  build() {
    Text('Component1')
  }
}