uniapp启动图全屏
设置全屏启动图的方法
在UniApp中实现全屏启动图,需要配置manifest.json文件并确保图片尺寸适配不同设备。以下是具体操作步骤:
修改manifest.json中的splashscreen配置:
"app-plus": {
"splashscreen": {
"autoclose": true,
"waiting": true,
"fullscreen": true
}
}
图片尺寸规范
全屏启动图需提供多分辨率适配:
- Android:建议提供1080x1920像素的图片
- iOS:需要提供@2x(750x1334)和@3x(1242x2208)两种尺寸
- 横屏设备需额外准备横向比例图片
动态修改启动图
通过plus.navigator可运行时控制启动图:
// 延长启动图显示时间
plus.navigator.setSplashscreen({
autoclose: false
});
// 手动关闭启动图
setTimeout(() => {
plus.navigator.closeSplashscreen();
}, 3000);
注意事项
- 真机调试时部分Android机型需要清理缓存才能生效
- iOS平台需要确保图片位于
static目录下 - 使用HBuilderX 3.1.18+版本支持更好的全屏适配
- 可考虑使用
.webp格式减小图片体积







