HarmonyOS自定义组件生命周期函数介绍

aboutToAppear

在创建自定义组件的新实例后，在执行其build()函数之前执行。允许在aboutToAppear函数中改变状态变量，更改将在后续执行build()函数中生效。

aboutToDisappear

在自定义组件析构销毁之前执行。不允许在aboutToDisappear函数中改变状态变量，特别是@Link变量的修改可能会导致应用程序行为不稳定

onPageShow

页面每次显示时触发一次，包括路由过程、应用进入前台等场景，仅@Entry装饰的自定义组件生效。

onPageHide

页面每次隐藏时触发一次，包括路由过程、应用进入后台等场景，仅@Entry装饰的自定义组件生效。

onBackPress

当用户点击返回按钮时触发，仅@Entry装饰的自定义组件生效。

@Entry // 表示自定义组件为入口组件
@Component// 表示自定义组件
struct TestComponent {
  @State textColor: Color = Color.Black;//表示组件中的状态变量，状态变量变化会触发UI刷新

  aboutToAppear(){//实例创建成功后
    this.textColor = Color.Gray;
    console.info('TestComponent aboutToAppear');
  }

  onPageShow() {//显示时触发
    this.textColor = Color.Blue;
    console.info('TestComponent onPageShow');
  }

  onPageHide() {//隐藏时触发
    this.textColor = Color.Transparent;
    console.info('TestComponent onPageHide');
  }

  onBackPress() {//点击返回按钮时触发
    this.textColor = Color.Red;
    console.info('TestComponent onBackPress');
  }

  aboutToDisappear(){//销毁之前触发
    console.info('TestComponent aboutToDisappear');
  }

  build() {//以声明式的方式来描述UI的结构
    Column() {
      Text('Hello World')
        .fontColor(this.textColor)
        .fontSize(30)
        .margin(30)
    }.width('100%')
  }
}