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 设备可能需要短暂延迟以确保页面渲染完成。

通过以上步骤,启动页会在首页加载后正常关闭。如问题持续,请检查页面代码是否存在阻塞加载的逻辑。

回到顶部