uni-app 横屏全屏点击输入框软键盘会顶起已隐藏的状态栏 真机调试没有问题 云打包就有问题
uni-app 横屏全屏点击输入框软键盘会顶起已隐藏的状态栏 真机调试没有问题 云打包就有问题
产品分类:其他/wap2app
操作步骤:
{
"plus" : {
"splashscreen" : {
"autoclose" : true,
"waiting" : true
},
"statusbar" : {
"immersed" : "true"
},
"screenOrientation" : [ "landscape-primary", "landscape-secondary" ],
"fullscreen" : true
}
{
"global": {
"webviewParameter": {
"titleNView": false,
"statusbar": false,
"appendCss": "",
"appendJs": ""
},
"easyConfig": {
"quit": {
"toast": {
"showFeedback": false
}
}
},
"pages": [{
"webviewId": "",
"matchUrls": [{
"href": ""
}, {
"href": ""
}],
"webviewParameter": {
"titleNView": false,
"statusbar": false
}
}, {
"webviewId": "common",
"matchUrls": [{
"hostname": "R:.*",
"pathname": "R:.*"
}]
}]
}
}
预期结果:
- 不显示状态栏
实际结果:
- 显示状态栏
bug描述:
更多关于uni-app 横屏全屏点击输入框软键盘会顶起已隐藏的状态栏 真机调试没有问题 云打包就有问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html
1 回复
更多关于uni-app 横屏全屏点击输入框软键盘会顶起已隐藏的状态栏 真机调试没有问题 云打包就有问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html
这是一个典型的沉浸式状态栏配置与软键盘交互冲突问题。在云打包时,由于编译环境和真机调试存在差异,导致状态栏隐藏不完全。
关键问题在于"statusbar": false
配置在云打包时可能未完全生效。建议检查以下配置:
- 在
pages.json
中确保全局配置了:
{
"globalStyle": {
"statusbar": {
"immersed": true
}
}
}
- 如果使用nvue页面,需要在页面样式中添加:
page {
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top);
}
- 尝试在manifest.json的app-plus节点下显式设置:
"statusbar": {
"immersed": "supportedDevice"
}