1***@qq.com
1***@qq.com
  • 发布:2017-11-09 15:27
  • 更新:2021-04-04 01:24
  • 阅读:1465

【报Bug】沉浸式状态栏,打开带导航栏的窗口,进度条位置偏移

分类:HTML5+

详细问题描述
安卓应用设置沉浸式状态栏,打开带导航条的窗口时,显示的进度条位置向下偏移了22像素(状态栏22像素)

重现步骤
[步骤]

  1. 设置应用的状态栏为沉浸式
  2. 使用plus.webview.create 打开带导航栏,进度条高度为2px,url为任意网页链接(如:http://www.baidu.com)
  3. 显示窗口
    [结果]
    进度条出现在标题栏底部向下22像素处
    [期望]
    进度条出现在标题栏的底部,不要向下偏移

运行环境
[系统版本]
安卓6.0

[浏览器版本]
找不到版本

[IDE版本]
HBuilder 8.8.5.201711010242

[mui版本]
3.7.0

附件
[代码片段]

function openddd(){  
            var styles = {  
                additionalHttpHeaders : {},         //额外添加的HTTP请求头  
                backButtonAutoControl : "close",  
                background : "#FFFFFF",  
                blockNetworkImage : false,  
                decelerationRate : 0.9,  
                errorPage : "none",  
                kernel : "WKWebview",  
                mask : "none",  //rgba(0,0,0,0.5)  
                opacity : 1,  
                popGesture : "close",  
                scalable : false,  
                scrollIndicator : "vertical",  
                scrollsToTop : false,  
                softinputMode : "adjustPan",  
                statusbar : {background: "#FFFFFF"},  
                titleNView : {  
                    autoBackButton : true,  
                    backgroundColor : "#FFFFFF",  
                    buttons : null,  
                    coverage : "132px",  
                    progress: {height : "2px"},  
                    splitLine : {  
                        color : "#CCCCCC",  
                        height : "1px",  
                    },  
                    titleColor : "#666666",  
                    titleOverflow : "ellipsis",  
                    titleText : "百度",  
                    titleSize : "17px",  
                    type : "default"  
                }  
            }, webview = null;  

            webview = plus.webview.open( "http://www.baidu.com", "", styles);  

        }
2017-11-09 15:27 负责人:无 分享
已邀请:
DCloud_Android_ST

DCloud_Android_ST

此问题已确认 会在新版本修改,目前你遇到的问题有临时解决方案 就是去掉statusbar : {background: "#FFFFFF"}, titleNView 会自动适配沉浸式。

1***@qq.com

1***@qq.com (作者) - 搬砖的

感谢及时回复并给出临时解决方案

hws007

hws007 - 我就是我!

这个问题还没解决嘛,我也出现这样的情况

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