鸿蒙开发ArkTS 页面和自定义组件的生命周期

页面生命周期，即被@Entry装饰的组件生命周期，提供以下生命周期接口：

 

• onPageShow：页面每次显示时触发一次，包括路由过程、应用进入前台等场景。

• onPageHide：页面每次隐藏时触发一次，包括路由过程、应用进入后台等场景。

• onBackPress：当用户点击返回按钮时触发。

       这三个是页面会触发的事件，当打开组件时不会触发

 

  只有被@Entry装饰的组件才可以调用页面的生命周期，

  理解方式 
     @Entry = 页面 
     @Component = 组件

 

 

 

组件生命周期，即一般用@Component装饰的自定义组件的生命周期，提供以下生命周期接口：

 

• aboutToAppear：组件即将出现时回调该接口，具体时机为在创建自定义组件的新实例后，在执行其build()函数之前执行。

• onDidBuild：组件build()函数执行完成之后回调该接口，不建议在onDidBuild函数中更改状态变量、使用animateTo等功能，这可能会导致不稳定的UI表现。

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

• aboutToDisappear 就是组件销毁之前执行

  ForEach(item.Products, (product: ProductDto, index) => {
               Row() {

                 if(product.Name = "1234"){
                   //假设Name改成4321，条件不满足时则会销毁这个组件，并且在销毁之前执行 aboutToDisappear
                   ProductItem({ Product:product })
                 }
               }
      })

 

       这三个是所有页面都会执行的事件

 

自定义组件的创建和渲染流程

1. 自定义组件的创建：自定义组件的实例由ArkUI框架创建。

2. 初始化自定义组件的成员变量：通过本地默认值或者构造方法传递参数来初始化自定义组件的成员变量，初始化顺序为成员变量的定义顺序。

3. 如果开发者定义了aboutToAppear，则执行aboutToAppear方法。

4. 在首次渲染的时候，执行build方法渲染系统组件，如果子组件为自定义组件，则创建自定义组件的实例。在首次渲染的过程中，框架会记录状态变量和组件的映射关系，当状态变量改变时，驱动其相关的组件刷新。

5. 如果开发者定义了onDidBuild，则执行onDidBuild方法。

 

 

 

 

 

 

 

 

后面会继续补充