uniapp 首页加载完启动页如何结束 请问uniapp 首页加载完成后如何关闭启动页
在uniapp中,首页加载完成后如何正确关闭启动页?我尝试了几种方法但启动页仍然停留,请问有没有标准的实现方式或代码示例?
2 回复
在uniapp中,启动页会在首页加载完成后自动关闭。如果启动页未自动关闭,可在App.vue的onLaunch生命周期中手动调用plus.navigator.closeSplashscreen()来关闭启动页。
在 UniApp 中,启动页(Splash Screen)会在应用启动时自动显示,并在首页加载完成后自动关闭。如果启动页未正常关闭,可能是以下原因及解决方法:
1. 自动关闭机制
UniApp 默认在首页加载完成后自动隐藏启动页,无需手动处理。确保首页(如 pages.json 中配置的第一个页面)正常加载即可。
2. 手动关闭启动页(如需要)
如果自动关闭失效,可通过 plus.navigator.closeSplashscreen() 手动关闭:
// 在首页的 onLoad 或 onReady 生命周期中调用
onLoad() {
if (uni.getSystemInfoSync().platform === 'android') {
// Android 平台可能需要延迟关闭
setTimeout(() => {
plus.navigator.closeSplashscreen();
}, 500);
} else {
plus.navigator.closeSplashscreen();
}
}
3. 检查配置
- 确保
pages.json中首页路径正确,且页面加载无错误。 - 若使用了自定义启动图,检查图片资源是否过大导致加载延迟。
4. 注意事项
- 仅 App 平台有效:
plus.navigator.closeSplashscreen()仅适用于 App 端(H5 和小程序无启动页概念)。 - 延迟处理:部分 Android 设备可能需要短暂延迟以确保页面渲染完成。
通过以上步骤,启动页会在首页加载后正常关闭。如问题持续,请检查页面代码是否存在阻塞加载的逻辑。

