HarmonyOS 鸿蒙Next Tabs中各个组件实现onPageShow(),onPageHide()效果

HarmonyOS 鸿蒙Next Tabs中各个组件实现onPageShow(),onPageHide()效果

已知只有[@Entry](/user/Entry)修饰的组件才有onPageShow()生命周期，如果我们的各个Tab都需要监听onPageShow()怎么办呢？

api11中可以通过onVisibleAreaChange来实现

[@Component](/user/Component)
struct ShowHideDemo {
  build() {
    Column() {
      // 主体布局
    }
    .width('100%')
    .height('100%')
    // 根据显示区域判断
    .onVisibleAreaChange([0.0, 1.0], (isVisible: boolean, currentRatio: number) => {
      if (isVisible && currentRatio == 1.0) {
        // 调用自定义的show方法
        this.onPageShow()
      } else if (currentRatio == 0.0) {
        // 调用自定义的hide方法
        this.onPageHide()
      }
    })
  }
// 自定义的show,可以自己随意命名
onPageShow() {
// 做一些操作，比如恢复轮询请求
}
// 自定义的hide,可以自己随意命名
onPageHide() {
// 做一些操作，比如暂停轮询请求
}
}
>