uni-app ios自定义启动界面时间设置 现在一闪而过太快了 想要设置等2秒钟

发布于 1周前 作者 vueper 来自 Uni-App

uni-app ios自定义启动界面时间设置 现在一闪而过太快了 想要设置等2秒钟
请问 uniapp ios自定义模版启动界面如何设置显示时间呢? ios一下子就直接结束了,想要这个启动界面时间长一点,可以设置吗?

2 回复

把 APP 启动界面里的【等待首页渲染完毕后再关闭 Splash 图】勾选上


在uni-app中,iOS自定义启动界面(Launch Screen)的显示时间是由系统自动控制的,通常只会在应用启动时短暂显示,然后立即切换到应用的首页。开发者无法直接控制这个显示时间。然而,你可以通过一些技巧来模拟这种效果,比如使用一个临时的页面来作为启动界面,并在该页面上延迟2秒后再跳转到首页。

以下是一个示例代码,展示了如何在uni-app中实现这种效果:

  1. 创建一个启动界面页面(例如 pages/launch/launch.vue):
<template>
  <view class="launch-screen">
    <image class="launch-image" src="/static/launch_image.png"></image>
  </view>
</template>

<script>
export default {
  onLoad() {
    // 使用 setTimeout 模拟延迟 2 秒
    setTimeout(() => {
      // 跳转到首页
      uni.redirectTo({
        url: '/pages/index/index'
      });
    }, 2000); // 2000 毫秒 = 2 秒
  }
}
</script>

<style scoped>
.launch-screen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff; /* 背景色可以根据需要调整 */
}

.launch-image {
  width: 100%;
  max-height: 100%;
}
</style>
  1. pages.json 中配置启动界面页面

确保 pages.json 中的页面路径和顺序正确,将启动界面页面放在最前面,这样它会在应用启动时首先加载。

{
  "pages": [
    {
      "path": "pages/launch/launch",
      "style": {
        "navigationBarTitleText": "启动中..."
      }
    },
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    },
    // 其他页面配置...
  ]
}
  1. 确保有相应的启动图片

/static/ 目录下放置一个名为 launch_image.png 的图片文件,作为启动界面的背景图片。你可以根据需要调整图片的大小和位置。

通过这种方式,你可以模拟一个自定义的启动界面,并在其上停留2秒钟后再跳转到应用的首页。请注意,这种方法并不是真正的控制iOS系统启动界面的显示时间,而是通过应用内部的页面跳转来实现的。

回到顶部