自学鸿蒙HarmonyOS的ArkTS语言＜二＞自定义组件和页面生命周期

【官方文档传送门】

一、自定义组件生命周期

aboutToAppear() — 创建自定义组件 之后 , 在 build() 声明 UI 函数 之前执行 ; 常 用于 初始化 将要在 UI 中展示的数据 , 或 申请 系统资源 , 在后续执行的 build 函数中 , 使用 初始化的数据 或 申请的系统资源 ;

aboutToDisappear() – 在 build() 声明 UI 函数 之后 , 在 自定义组件销毁 之前 调用 ;通常 用于 销毁 在 UI 中展示的数据 , 或 释放不再申请的 系统资源 ;

注意：不允许在aboutToDisappear函数中改变状态变量， 特别是@Link变量的修改可能会导致应用程序行为不稳定。

二、页面生命周期

只有@Entry装饰的自定义组件才可以使页面级别的生命周期
onPageShow() 函数 — 页面每次显示时触发一次 , 包括路由进入，应用进入前台 ;

onBackPress() 函数 — 用户点击 回退键 ; 注意 : 此时不会 回调 onPageHide 函数 ;

onPageHide() 函数 — 页面每次隐藏时触发一次，包括点击 Hone 键 , 页面进入后台 , 页面隐藏；注意 : 此时不会 回调 onBackPress 函数 ;

三、页面和组件生命周期执行顺序

A、页面渲染：页面aboutToAppear -> 自定义组件aboutToAppear ->页面onPageShow

B、页面1通过路由进入页面2

C、页面2通过路由返回页面1

D、补充

• 文档上完整的应用冷启动初始化流程：(MyComponent 是被entry修饰的， chid是未修饰的)
  MyComponent aboutToAppear --> MyComponent build --> Child aboutToAppear --> Child build --> Child build执行完毕 --> MyComponent build执行完毕 --> Index onPageShow

• 如果调用的是router.replaceUrl，则当前Index页面被销毁，执行的生命周期流程将变为：Index onPageHide --> MyComponent aboutToDisappear --> Child aboutToDisappear。上文已经提到，组件的销毁是从组件树上直接摘下子树，所以先调用父组件的aboutToDisappear，再调用子组件的aboutToDisappear，然后执行初始化新页面的生命周期流程。