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

##鴻蒙開發能力 ##HarmonyOS SDK應用服務##鴻蒙金融類應用 （金融理財#

一、生命周期階段：

創建階段
build：
構建組件的 UI 結構和樣式。

onDidBuild：
build 方法執行完畢后調用，可用于數據初始化或額外的 UI 調整。

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

交互階段
onBackPress：
用戶點擊返回按鈕時調用。

銷毀階段
onPageHide：
頁面隱藏時調用。

onDestroy：
組件銷毀時調用。

二、頁面和組件的生命周期函數如何區分?

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

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

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

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

三、DEMO示例

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

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

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

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

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

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

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

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

審核編輯 黃宇