vue3 运行iOS 15首页顶部有空白

分类：uni-app

bug已修复

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 12.0.1(21A559)

HBuilderX类型：正式

HBuilderX版本号： 3.2.16

手机系统： iOS

手机系统版本号： iOS 15

手机厂商：苹果

手机机型： iPhoneX, iPhone 13 模拟器

页面类型： vue

vue版本： vue3

打包方式：离线

项目创建方式： HBuilderX

操作步骤：

设置页面首页 "navigationStyle": "custom", 设置manifest.json 中设置 "vueVersion" : “3"运行到iOS15的设备

预期结果：

代码中最外层view能固定到屏幕顶部

实际结果：

启动首页后代码中最外层view未能固定到屏幕顶部

bug描述：

关键代码如下（设置页面 style "navigationStyle": "custom"，样式是fix到窗口顶部的）

<view style="padding: 40rpx;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background-color: #666666;margin-top:0">  
        <button style="padding: 30rpx" @click="next">to same page</button>  
        <button style="padding: 30rpx" @click="restart">relunch</button>  
    </view>

当设置manifest.json 中设置 "vueVersion" : “3" ，运行到iOS 15 模拟器或iOS真机的首

页面顶部有空白区域如附件解压后看到的png图片。
当uni.reLaunch 到该首页面时该空白消失（这应当才是正确的情况）。

说明：在"vueVersion" : “2" 时启动运行的首页不会存在该空白，该问题的运行代码demo在附件中

demoa.zip

2021-11-26 18:05 负责人:无分享