子组件如何监听Page的onPageShow/onPageHide事件？

Question

子组件如何监听Page的onPageShow/onPageHide事件

Answer 1

示例代码

父组件

import Child from '../../../components/TestParentChild/ParentNotifyChildLifecycle/Child'; 
 
@Entry 
@Component 
struct Index { 
  @State pageVisible: boolean = false; 
 
  onPageShow() { 
    this.pageVisible = true; 
  } 
  onPageHide() { 
    this.pageVisible = false; 
  } 
 
  build() { 
    Column() { 
      Text('hello world'); 
      Child({pageVisible: this.pageVisible}) 
    } 
  } 
}

子组件

import { Logger } from '../../../utils'; 
 
const TAG = 'ParentNotifyChildLifecycle'; 
@Component 
export default struct Child { 
  @Link @Watch('onPageVisibilityChange') pageVisible: boolean; 
 
  onPageVisibilityChange() { 
    Logger.info(TAG, 'pageVisible ', this.pageVisible); 
  } 
 
  build() {} 
}