HarmonyOS Next 自定义组件@Component的生命周期
2025-06-27 22:36:07
114次阅读
0个评论
@Entry
@Component
struct Index {
@State message: string = 'Hello World';
//组件即将出现时回调该接口,具体时机为在创建自定义组件的新实例后,在执行其build()函数之前执行
aboutToAppear(): void {
console.log('=========','aboutToAppear()')
}
build() {
RelativeContainer() {
Text(this.message)
.id('HelloWorld')
.fontSize($r('app.float.page_text_font_size'))
.fontWeight(FontWeight.Bold)
.alignRules({
center: { anchor: '__container__', align: VerticalAlign.Center },
middle: { anchor: '__container__', align: HorizontalAlign.Center }
})
.onClick(() => {
this.message = 'Welcome';
})
}
.height('100%')
.width('100%')
}
//组件build()函数执行完成之后回调该接口,在这个阶段进行埋点数据上报等不影响实际UI的功能
onDidBuild(): void {
console.log('=========','onDidBuild()')
}
//被@Entry装饰 页面每次显示时触发一次,包括路由过程、应用进入前台等场景
onPageShow(): void {
console.log('=========','onPageShow()')
}
//被@Entry装饰 页面每次隐藏时触发一次,包括路由过程、应用进入后台等场景
onPageHide(): void {
console.log('=========','onPageHide()')
}
//当用户点击返回按钮时触发。
onBackPress(): boolean | void {
console.log('=========','onBackPress()')
}
//在自定义组件析构销毁之前执行
aboutToDisappear(): void {
console.log('=========','aboutToDisappear()')
}
}
00
- 0回答
- 0粉丝
- 0关注
相关话题
- 页面和自定义组件生命周期
- 鸿蒙自定义组件生命周期
- 自定义组件之<一>组件语法和生命周期
- UIAbility组件生命周期
- 自定义组件之<二>自定义圆环(Ring)
- 自定义组件之<七>自定义组件之插槽(slot)
- HarmonyOS NEXT ArkUI生命周期终极指南 | 组件与页面的关系
- 【HarmonyOS 5】鸿蒙页面和组件生命周期函数
- 【HarmonyOS 5】鸿蒙页面和组件生命周期函数
- 自定义组件之<八>自定义下拉刷新(RefreshList)
- 【HarmonyOS】HMRouter使用详解(三)生命周期
- 自定义组件之<三>自定义标题栏(TitleBar)
- 自定义组件之<四>自定义对话框(Dialog)
- 自定义组件之<五>自定义对话框(PromptAction)
- 自定义组件之<六>自定义饼状图(PieChart)