鸿蒙-自定义组件的生命周期

目录

自定义组件的生命周期

1.aboutToAppear

2.aboutToDisappear

3.onPageShow

4.onPageHide

5.onBackPress

日志输出

1.显示页面

2.页面点击返回按钮

3.页面跳转

4.页面返回


自定义组件的生命周期

先来一段列子

javascript 复制代码
import router from '@ohos.router'
@Entry
@Component
struct IndexPage {
  @State textColor: Color = Color.Black;

  aboutToAppear(){
    console.info('>>>IndexPage aboutToAppear')
  }

  aboutToDisappear(){
    console.info('>>>IndexPage aboutToDisappear')
  }

  onPageShow() {
    this.textColor = Color.Blue;
    console.info('>>>IndexPage onPageShow');
  }

  onPageHide() {
    this.textColor = Color.Transparent;
    console.info('>>>IndexPage onPageHide');
  }

  onBackPress() {
    this.textColor = Color.Red;
    console.info('>>>IndexPage onBackPress');
  }

  build() {
    Column() {
      Text('Hello World')
        .fontColor(this.textColor)
        .fontSize(30)
        .margin(30)
        .onClick(() =>{
          console.info('>>>IndexPage 点击');
          router.pushUrl({ url: 'pages/MinePage'})
        })
    }.width('100%')
  }
}

可以发现可以分为aboutToAppearaboutToDisappearonPageShowonPageHideonBackPress

1.aboutToAppear

先来看英文翻译:关于出现。顾名思义就是一开始就运行的函数。

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

2.aboutToDisappear

先来看英文翻译:关于消失。顾名思义就是消失前执行的函数

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

3.onPageShow

先来看英文翻译:在页面显示上。顾名思义就是页面显示出来调用的函数

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

4.onPageHide

先来看英文翻译:在页面隐藏上。顾名思义就是页面隐藏后调用的函数(注点击返回按钮,并不会触发)

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

5.onBackPress

先来看英文翻译:在返回按压。顾名思义就是点击返回按钮后调用的函数

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

日志输出

1.显示页面

aboutToAppear ->onPageShow

2.页面点击返回按钮

onBackPress->aboutToDisappear

3.页面跳转

4.页面返回

相关推荐
Hy行者勇哥2 天前
PlantUML 基础使用技术文档
物联网·个人开发
Hy行者勇哥2 天前
PlantUML 在 IDEA 中文版中的安装与使用指南
架构·个人开发
HarmonyOS小助手2 天前
从航旅纵横到东南亚Grab:鸿蒙生态的“星辰大海”,由开发者共绘
harmonyos·鸿蒙·鸿蒙生态
逻极2 天前
HarmonyOS从入门到精通:自定义组件开发指南(二):组件属性与参数传递
华为·harmonyos·arkts·鸿蒙·自定义组件
HarmonyOS小助手3 天前
在鸿蒙中造梦的开发者,一边回答,一边前行
harmonyos·鸿蒙·harmonyos next·鸿蒙生态
SuperHeroWu73 天前
【HarmonyOS】鸿蒙端云一体化开发入门详解 (一)
华为·harmonyos·鸿蒙·入门·云函数·端云一体化开发·clouddev
可颂笪4 天前
PX4无人机上的返航操作和参数解读
无人机·个人开发
周胡杰4 天前
鸿蒙arkts使用关系型数据库,使用DB Browser for SQLite连接和查看数据库数据?使用TaskPool进行频繁数据库操作
前端·数据库·华为·harmonyos·鸿蒙·鸿蒙系统
黑巧克力可减脂4 天前
万物智联时代启航:鸿蒙OS重塑全场景开发新生态
鸿蒙系统
HarmonyOS小助手5 天前
闯入鸿蒙:浪漫、理想与「草台班子」
harmonyos·鸿蒙·harmonyos next·鸿蒙生态