uniapp离线打包如何去掉启动页转圈圈

在uniapp离线打包时，启动页会出现一个转圈圈的加载动画，感觉不太美观。请问有没有办法去掉这个转圈圈？我尝试修改manifest.json文件但没找到相关配置项，是否需要通过原生代码修改？希望有经验的朋友能分享一下具体操作步骤。

2 回复

在HBuilderX中，修改manifest.json文件，找到启动界面设置，关闭“显示启动界面”或调整等待时间即可。


在UniApp离线打包时，去掉启动页的转圈圈（加载动画）可以通过以下步骤实现：

1. 修改原生配置文件

  • Android：在 AndroidManifest.xml 中，找到启动页的 Activity，添加以下属性禁用转圈动画：
    <meta-data
    android:name="android.max_aspect"
    android:value="2.1" />
<meta-data
    android:name="unityplayer.SkipSplashScreen"
    android:value="true" />
  • iOS：在 Info.plist 中，添加以下键值对：
    <key>UILaunchStoryboardName</key>
<string>LaunchScreen</string>

2. 自定义启动页

如果默认启动页包含转圈动画，可以替换为自定义启动页：

  • 替换 uniapp 默认的启动图（Android 的 drawable 资源，iOS 的 LaunchScreen.storyboard）。
  • 确保自定义启动页不包含加载动画元素。

3. 禁用加载逻辑

在 App.vue 的 onLaunch 生命周期中，避免执行耗时操作，或通过条件判断跳过加载动画：

export default {
  onLaunch() {
    // 跳过转圈逻辑，直接进入首页
    setTimeout(() => {
      uni.navigateTo({ url: '/pages/index/index' });
    }, 100);
  }
}

4. 检查原生插件

如果使用了第三方启动页插件，需在插件配置中禁用动画选项。

完成以上步骤后重新打包，启动页的转圈动画将被移除。

回到顶部