单独启动uni-app小程序动画如何禁掉以及splashview不能盖住整个屏幕

单独启动uni-app小程序动画如何禁掉以及splashview不能盖住整个屏幕

操作步骤：

  • 原生壳正常启动uni小程序,调用 DCUniMPSDK.getInstance().openUniMP

预期结果：

    1. 能禁掉启动动画
    1. 启动的splashview 能覆盖整个小程序，占满手机屏幕

实际结果：

    1. 有启动动画，还会黑屏一下
    1. splashview不能盖住整个小程序

bug描述：

    1. 原生壳 启动uni小程序，启动的时候有一个动画，还会黑屏。如何把这个动画禁掉。使用overridePendingTransition(0, 0) 不能覆盖动画
    1. 启动小程序时，加了一个splashview 但是这个view不能盖住整个屏幕。
信息项 详情
产品分类 uni小程序SDK
手机系统 Android
手机系统版本号 Android 11
手机厂商 小米
手机机型 红米note8pro
页面类型 vue
SDK版本号 3.8.12

Screenrecorder-2023-11-02-11-15-39-401.mp4_.zip


更多关于单独启动uni-app小程序动画如何禁掉以及splashview不能盖住整个屏幕的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

同问，这个好几个月了吧。哈哈。还希望官方网站多点支持，哪怕付费。

更多关于单独启动uni-app小程序动画如何禁掉以及splashview不能盖住整个屏幕的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在开发 uni-app 小程序时，你可能会遇到两个常见问题：如何禁用启动时的动画，以及如何确保 splashview 能够覆盖整个屏幕。以下是解决这两个问题的方法。

1. 禁用启动动画

uni-app 小程序在启动时默认会有一个加载动画。如果你想禁用这个动画，可以通过以下方式实现：

方法一：修改 manifest.json 文件

在 manifest.json 文件中，找到 mp-weixin 或 mp-alipay 等小程序的配置项，添加或修改 appLaunch 配置：

{
  "mp-weixin": {
    "appLaunch": {
      "autoshow": false
    }
  }
}

将 autoshow 设置为 false，可以禁用启动时的加载动画。

方法二：通过代码控制

如果你希望在特定情况下禁用动画，可以在 App.vue 的 onLaunch 生命周期中通过代码控制：

export default {
  onLaunch() {
    // 禁用启动动画
    if (uni.hideLaunchScreen) {
      uni.hideLaunchScreen();
    }
  }
}

2. 确保 splashview 覆盖整个屏幕

SplashView 是小程序启动时的启动页，默认情况下它应该覆盖整个屏幕。如果发现 SplashView 没有覆盖整个屏幕，可能是由于以下原因：

方法一：检查 splash 图片尺寸

确保你使用的 splash 图片尺寸与目标设备的屏幕尺寸匹配。如果图片尺寸过小，可能会导致 SplashView 无法覆盖整个屏幕。

方法二：修改 manifest.json 文件

在 manifest.json 文件中，找到 mp-weixin 或 mp-alipay 等小程序的配置项，确保 splash 配置正确：

{
  "mp-weixin": {
    "splash": {
      "autoclose": true,
      "waiting": true,
      "image": "/static/splash.png"
    }
  }
}

确保 image 路径正确，并且图片尺寸适合目标设备。

方法三：使用 CSS 调整样式

如果 SplashView 仍然无法覆盖整个屏幕，可以尝试通过 CSS 调整样式。在 App.vue 中，添加以下样式：

/* 确保 SplashView 覆盖整个屏幕 */
.uni-splash {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
回到顶部