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%')
}
}