h***@hotmail.com
h***@hotmail.com
  • 发布:2022-12-18 21:44
  • 更新:2022-12-19 13:11
  • 阅读:248

【报Bug】xcode模拟器运行时,iOS 16.1 app 的非tabbar页面底端会出现tabbar的背景色带

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: macOS Montery version 12.5.1

HBuilderX类型: 正式

HBuilderX版本号: 3.6.14

手机系统: iOS

手机系统版本号: iOS 16

手机厂商: 模拟器

手机机型: iPhone14 pro

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

pages.json tabbar配置

"tabBar": {  
        "color": "#7A7E83",  
        "selectedColor": "#007AFF",  
        "borderStyle": "white",  
        "backgroundColor": "#FFFACD",  
        "list": [{  
            "pagePath": "pages/today/today",  
            "text": "黄山"  
        }, {  
            "pagePath": "pages/achievement/achievement",  
            "text": "泰山"  
        }, {  
            "pagePath": "pages/ucenter/ucenter",  
            "text": "我的"  
        }]  
    },

操作步骤:

Step 1: 准备环境, macOS Montery version 12.5.1,xcode模拟器,模拟设备:iPhone14 pro(iOS 16.1)
Step 2: hBuilderX -> Run -> Mobile App Playground -> iOS-Simulator Run
Step 3: 选任一tabbar页面查看 tabar 显示情况
Step 4: 选任一非tabbar页面查看屏幕下端情况

预期结果:
  • tabbar 页面正常显示tabbar
  • 非tabbar页面不显示tabbar

实际结果:
  • tabbar页面没问题,能正常显示tabbar;(见附件截图1)
  • 非tabbar页面有问题,虽然没有显示tabbar按钮,但是圆端底部仍然有一条tabbar背景色带 (见附件截图2)

bug描述:

[Precondition]

  • macOS Montery version 12.5.1
  • xcode模拟器运行
  • 模拟设备:iPhone14 pro(iOS 16.1)

[Expected result]
tabbar 页面正常显示tabbar, 非tabbar页面不显示tabbar

[Actual result]

  • tabbar页面没问题,能正常显示tabbar;(见附件截图1)
  • 非tabbar页面有问题,虽然没有显示tabbar按钮,但是圆端底部仍然有一条tabbar背景色带 (见附件截图2)
2022-12-18 21:44 负责人:无 分享
已邀请:
h***@hotmail.com

h***@hotmail.com (作者)

已通过配置mainfest.json 文件 app-plus 节点下的 safearea 解决

"safearea": {  
    "background":"#CCCCCC",  
    "bottom":{   
        "offset": "none"       // "none"表示不空出安全区域,"auto"自动计算空出安全区域,默认值为"none"    
    },    
    "left": {    // 左侧安全区域配置(横屏显示时有效)    
        "offset": "none"    
    },  
    "right": {   // 右侧安全区域配置(横屏显示时有效)  
        "offset": "none"    
    }  
}

该问题目前已经被锁定, 无法添加新回复