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描述:

Image Image


更多关于uni-app 横屏全屏点击输入框软键盘会顶起已隐藏的状态栏 真机调试没有问题 云打包就有问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 横屏全屏点击输入框软键盘会顶起已隐藏的状态栏 真机调试没有问题 云打包就有问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个典型的沉浸式状态栏配置与软键盘交互冲突问题。在云打包时,由于编译环境和真机调试存在差异,导致状态栏隐藏不完全。

关键问题在于"statusbar": false配置在云打包时可能未完全生效。建议检查以下配置:

  1. pages.json中确保全局配置了:
{
  "globalStyle": {
    "statusbar": {
      "immersed": true
    }
  }
}
  1. 如果使用nvue页面,需要在页面样式中添加:
page {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}
  1. 尝试在manifest.json的app-plus节点下显式设置:
"statusbar": {
  "immersed": "supportedDevice"
}
回到顶部