c***@sina.com
c***@sina.com
  • 发布:2023-08-29 11:31
  • 更新:2023-08-29 11:31
  • 阅读:291

【报Bug】自定义导航栏后,状态栏穿透

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 13.4.1 (c) (22F770820d)

HBuilderX类型: 正式

HBuilderX版本号: 3.8.12

手机系统: iOS

手机系统版本号: iOS 16

手机厂商: 苹果

手机机型: 14 Pro

页面类型: vue

vue版本: vue3

打包方式: 离线

项目创建方式: HBuilderX

示例代码:

{
"pages": [{
"path": "pages/index/login",
"style": {
// 自定义导航
"navigationStyle": "custom",
// 修改状态栏背景无效
"navigationBarBackgroundColor": "#fff",
"enablePullDownRefresh": false
}
}, {
"path": "pages/tabbar/student",
"style": {
"navigationStyle": "custom",
"navigationBarBackgroundColor": "#fff",
"enablePullDownRefresh": true
}
}, {
"path": "pages/tabbar/teacher",
"style": {
"navigationStyle": "custom",
"navigationBarBackgroundColor": "#fff",
"enablePullDownRefresh": true
}
}],
"globalStyle": {
// 修改状态栏背景无效
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#fff",
"navigationStyle": "custom",
"backgroundColor": "#fff",
"backgroundColorTop": "#ffff",
"backgroundColorBottom": "#fff",
"enablePullDownRefresh": true,
"app-plus": {
"background": "#ffff",
"titleNView": {
"backgroundColor": "#fff"
}
}
},
"tabBar": {
"borderStyle": "#333",
"backgroundColor": "#FFF",
"color": "#888",
"selectedColor": "#000",
"list": [{
"pagePath": "pages/tabbar/student",
"iconPath": "static/img/tabbar/home.png",
"selectedIconPath": "static/img/tabbar/homeactive.png",
"text": "首页"
},
{
"pagePath": "pages/tabbar/teacher",
"iconPath": "static/img/tabbar/guanzhu.png",
"selectedIconPath": "static/img/tabbar/guanzhuactive.png",
"text": "关注"
}
]
}
}

// 在manifset.json中添加此代码无效
"statusbar": {
"immersed": "none"
},

// app中添加此代码无效
plus.navigator.setStatusBarStyle('UIStatusBarStyleBlackOpaque');
plus.navigator.setStatusBarBackground('#fff');

操作步骤:

无需复现,配置即可,且最新版代码无法运行到app中

预期结果:

按照要求可以修改状态栏背景颜色

实际结果:

状态栏背景颜色无法修改,出现穿透

bug描述:

自定义导航栏,通过修改pages.json/manifset.json,状态栏出现穿透问题。

2023-08-29 11:31 负责人:无 分享
已邀请:

要回复问题请先登录注册