输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
CTRL+K
管理中心
全部文档版本说明工具设计指南与API参考开发与测试上架分发与运营问题处理与运维最佳实践行业解决方案
问题处理与运维

如何解决启动页背景和startWindowIcon属性设置为同一张图时出现的闪屏问题

更新时间: 2026-06-26 07:47
复制页面
本文导读

问题现象

如果启动页背景和module.json中startWindowIcon属性设置为同一张图，APP启动时相当于需要加载两张图，不能平滑过渡，会有闪屏现象。

背景知识

Image组件为图片组件，常用于在应用中显示图片，支持png、jpg、jpeg、bmp、svg、webp、gif和heif类型的图片格式。

解决方案

使用Image组件代替Column组件背景的方案，并设置图片加载方式为同步。

参考示例代码如下：

收起
自动换行
深色代码主题
复制
  1. @Entry
  2. @Component
  3. struct WhitePage {
  4.   aboutToAppear(): void {
  5.     setTimeout(() => {
  6.     }, 10 * 1000);
  7.   }
  8. 

  9.   build() {
  10.     Stack() {
  11.       Image($r('app.media.startIcon')) // 此图片仅作示例参考
  12.         .width('50%')
  13.         .height('50%')
  14.         .opacity(0.2)
  15.         .syncLoad(true); // 设置图片为同步加载
  16.       Text('Hello World');
  17.     }
  18.     .width('100%')
  19.     .height('100%');
  20.   }
  21. }
简体中文
华为开发者联盟 版权所有 ©2026
问题反馈
使用条款
华为开发者联盟用户协议
关于华为开发者联盟与隐私的声明
Cookies
开源软件声明