HarmonyOS Page或者是某个组件的生命周期？

Question

我想知道如何监听某个组件刚刚展示出来和最后消失的生命周期

例如下面在我的某一页组件，我如何在这一页监听这个组件什么时候展示给客户，什么时候又从页面销毁

struct Index {
  @State message: string = '工具';

  build() {

    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold).onAppear(()=>{
          SingSoundEngine.getInstance().nativeResInstall(getContext());
        })
        Button('复制vad文件')
          .onClick(async () => {
            const rawFilePath = "SingSound/vad.0.1.bin";
            const res = await FileUtils.copyRawFile2Sandbox(context, rawFilePath, vadSandboxFilePath);
            console.log("::ssound_log:: 文件复制成功",res)
          }).margin(5)
        Button('沙箱CacheDir文件列表')
          .onClick(() => {
            // 获取应用文件路径
            let filesDir = getContext(this).cacheDir;
            FileUtils.getSandboxFileList(filesDir);
          }).margin(5)
        Button('沙箱FileDir文件列表')
          .onClick(() => {
            // 获取应用文件路径
            let filesDir = getContext(this).filesDir;
            FileUtils.getSandboxFileList(filesDir);
          }).margin(5)
        Button('crash日志')
          .onClick(() => {
            FileUtils.getCrashText();
          }).margin(5)
      }
      .width('100%')
    }
    .height('100%')
  }
}

请给我提供一个页面生命周期监听的demo

Answer 1

关于监听组件的生命周期，可以参考：

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-page-custom-components-lifecycle-V5