uni-app配置启动图片后,打开应用会先显示logo再显示启动页,如何设置一打开应用直接是启动页

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

uni-app配置启动图片后,打开应用会先显示logo再显示启动页,如何设置一打开应用直接是启动页

配置了启动页图片

启动页图片

再“manifest.json”的“splashscreen”中有“delay”字段,但是配置了没有用,再文档中没有“delay”字段

manifest.json配置


其他图片

视频.zip


1 回复

在uni-app中,如果你希望在应用启动时直接显示启动页而不是先显示默认的logo,可以通过配置manifest.json文件来实现。这通常涉及到对应用启动画面的定制。

首先,确保你的manifest.json文件中已经配置了启动图片。如果没有,你需要添加它们。以下是一个示例配置,展示了如何在manifest.json中设置启动图片:

{
  "mp-weixin": { // 以微信小程序为例,其他平台类似
    "appid": "your-app-id",
    "setting": {
      "launchShow": "fullScreen",
      "usingComponents": true,
      "permission": {}
    },
    "usingComponents": true,
    "splashscreen": {
      "autoplay": true,
      "delay": 0,
      "images": [
        {
          "src": "static/splash.png",
          "width": "750px",
          "height": "1334px"
        }
      ]
    }
  },
  // 其他平台配置...
  "app-plus": {
    "splashscreen": {
      "autoplay": true,
      "waitTime": 0, // 设置为0表示尽快显示启动页
      "image": {
        "path": "static/splash.png",
        "width": "750",
        "height": "1334"
      }
    }
  }
}

在上面的配置中,有几个关键点需要注意:

  1. splashscreen配置:确保为每个平台(如微信小程序、App等)配置了splashscreen
  2. autoplay属性:设置为true表示自动播放启动动画。
  3. delaywaitTime属性:这些属性控制启动动画的延迟时间。对于App平台,使用waitTime,并设置为0表示尽快显示启动页。对于微信小程序,使用delay属性,同样设置为0

此外,确保你的启动图片资源(如splash.png)已经放置在项目的正确位置(如上例中的static目录)。

如果你发现应用仍然先显示logo再显示启动页,可能是因为某些缓存或平台特定的行为。此时,尝试清除应用缓存或重新安装应用可能会有帮助。

最后,请确保你的uni-app和HBuilderX(如果你使用的是HBuilderX进行开发)都是最新版本,因为旧版本可能包含一些已知问题或不支持某些新特性。

通过上述配置,你应该能够实现应用启动时直接显示启动页的效果。

回到顶部