【HarmonyOS 5】鴻蒙頁面和組件生命周期函數(shù)

##鴻蒙開發(fā)能力 ##HarmonyOS SDK應(yīng)用服務(wù)##鴻蒙金融類應(yīng)用 （金融理財#

一、生命周期階段：

創(chuàng)建階段
build：
構(gòu)建組件的 UI 結(jié)構(gòu)和樣式。

onDidBuild：
build 方法執(zhí)行完畢后調(diào)用，可用于數(shù)據(jù)初始化或額外的 UI 調(diào)整。

掛載階段
onPageShow：
頁面顯示時調(diào)用。
onReady：
組件掛載到頁面后調(diào)用。
onWindowStageShow：
窗口顯示時調(diào)用。

交互階段
onBackPress：
用戶點擊返回按鈕時調(diào)用。

銷毀階段
onPageHide：
頁面隱藏時調(diào)用。

onDestroy：
組件銷毀時調(diào)用。

二、頁面和組件的生命周期函數(shù)如何區(qū)分?

首先我們需要理解頁面和自定義組件的概念。

在 ArkUI 中，頁面組件指的是被@Entry裝飾的組件，其擁有獨特的生命周期接口，這些接口對頁面在不同狀態(tài)下的行為控制起著關(guān)鍵作用。

自定義組件則由@Component裝飾。

如何分清楚哪些是頁面獨有的生命周期函數(shù)呢？關(guān)鍵點在于函數(shù)名字中的page，例如onPageShow,onPageHide這兩個就是頁面獨有。并且還有個特殊的函數(shù)，即：返回按鈕觸發(fā)函數(shù)，onBackPress。只需要記住，只有頁面才能響應(yīng)返回按鈕即可。

三、DEMO示例

@Entry
@Component
struct LifeCycleExample {
  build() {
    Column({ space: 50 }) {
      Text('生命周期示例')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
    }
    .width('100%')
  }

  onDidBuild() {
    console.log('build方法執(zhí)行完畢');
  }

  onPageShow() {
    console.log('頁面顯示');
  }

  onReady() {
    console.log('組件掛載完成');
  }

  onWindowStageShow() {
    console.log('窗口顯示');
  }

  onBackPress(): boolean {
    console.log('點擊返回按鈕');
    return false;
  }

  onPageHide() {
    console.log('頁面隱藏');
  }

  onDestroy() {
    console.log('組件銷毀');
  }
}

審核編輯 黃宇