HarmonyOS 动态隐藏页面元素？

Question

在页面加载的时候显示一个图片，5s后我隐藏这个图片。这个应该怎么做到呢？

Answer 1

// 首屏启动页
@Entry
@Component
struct SplashPage {
  @State show: boolean = true;

  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center }) {
      Column() {
        Image($r('app.media.background')).width('100%').visibility(this.show ? Visibility.Visible : Visibility.Hidden)

      }
      .justifyContent(FlexAlign.Center)
      .alignItems(HorizontalAlign.Center)
      .flexGrow(10)

    }
    .height(100)
    .width(100)
    .backgroundColor('#fff')
  }

  aboutToAppear(): void {
    setTimeout(() => {
      this.show = false
    }, 5000)
  }
}