使用uni-app自定义启动图时在有底部导航栏的机型上图片显示过程中会向上移动

使用uni-app自定义启动图时在有底部导航栏的机型上图片显示过程中会向上移动

1 回复

更多关于使用uni-app自定义启动图时在有底部导航栏的机型上图片显示过程中会向上移动的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在uni-app中自定义启动图时遇到图片上移问题,通常是由于底部导航栏适配导致的。建议从以下方面排查:

  1. 检查manifest.json中的启动图配置,确保图片尺寸与目标设备匹配。建议提供多种分辨率适配不同设备。

  2. 在pages.json中检查window配置,特别是navigationBar相关属性是否影响布局。

  3. 针对有底部导航栏的机型,可以使用uni.getSystemInfo获取设备信息,动态计算并调整启动图位置。

  4. 考虑使用CSS的safe-area-inset-bottom来处理底部安全区域:

.splash {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}
  1. 如果使用原生导航栏,可以尝试临时隐藏导航栏:
"window": {
    "navigationStyle": "custom"
}
回到顶部