HarmonyOS 动态隐藏页面元素

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

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
shlp
// 首屏启动页
@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)
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS 咨询共享元素动态转场示例
442浏览 • 1回复 待解决
HarmonyOS 页面动态配置
29浏览 • 1回复 待解决
HarmonyOS Navigation动态跳转页面问题
33浏览 • 1回复 待解决
HarmonyOS 如何动态获取当前页面
935浏览 • 1回复 待解决
页面上下拖动时怎么隐藏键盘
905浏览 • 1回复 待解决
如何通过JS动态引入页面?
2669浏览 • 1回复 待解决
路由实现动态页面的跳转方案
1832浏览 • 1回复 待解决