uni-app选择自定义基座时iphone页面不兼容

uni-app选择自定义基座时iphone页面不兼容

操作步骤:

  • HBuilderX工具,提前打包好自定义基座(无选择插件)
    • 运行-运行到手机或模拟器-运行基座选择-自定义基座调试
    • 查看iPhone的效果

预期结果:

  • 全屏显示

实际结果:

  • 上下的区域被黑色占据,黑色区域不可滚动

bug描述:

  • 选择自定义基座打包,screenWidth为320,screenHeight为480(通过uni.getSystemInfo获取)
  • 选择标准基座运行,screenWidth为414,screenHeight为896
开发环境 版本号 项目创建方式
Windows 10 HBuilderX

Image


更多关于uni-app选择自定义基座时iphone页面不兼容的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app选择自定义基座时iphone页面不兼容的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个典型的自定义基座屏幕适配问题。问题核心在于自定义基座使用了默认的启动图配置,而iPhone设备需要特定尺寸的启动图才能正确适配屏幕。

原因分析:

  1. 自定义基座默认使用HBuilderX内置的通用启动图,这些启动图尺寸可能不匹配iPhone的全面屏设备。
  2. 当启动图尺寸与设备屏幕不匹配时,iOS系统会在上下显示黑边,并限制滚动区域。
  3. uni.getSystemInfo获取到的异常分辨率(320×480)证实了基座没有正确识别设备屏幕参数。

解决方案:

方法一:配置正确的启动图(推荐)

  1. manifest.json的"App启动图配置"中,为iOS设备添加对应尺寸的启动图:

    • iPhone 8/7/6s:750×1334
    • iPhone 8 Plus/7 Plus/6s Plus:1242×2208
    • iPhone X/XS/11 Pro:1125×2436
    • iPhone XR/11:828×1792
    • iPhone XS Max/11 Pro Max:1242×2688
    • iPhone 12/13 mini:1080×2340
    • iPhone 12/13/14:1170×2532
    • iPhone 12/13/14 Pro Max:1284×2778
  2. 重新打包自定义基座。

方法二:检查视图配置pages.json中确保全局样式正确:

{
  "globalStyle": {
    "rpxCalcMaxDeviceWidth": 3840,
    "rpxCalcBaseDeviceWidth": 750,
    "usingComponents": {}
  }
}
回到顶部