univue系列

uniapp webview 标题被遮盖或安全区域

2023-06-26  本文已影响0人  litielongxx
image.png
uniapp打包app版本时,存在被状态栏盖住原本的标题,看起来安全区域没有生效。
列入ios上的刘海屏、药丸屏等。
详细直接参考:
https://blog.csdn.net/weixin_45360473/article/details/115006620
onLoad() {
    let height = 0; //定义动态的高度变量
    let statusbar = 0; // 动态状态栏高度
    uni.getSystemInfo({ // 获取当前设备的具体信息
        success: (sysinfo) => {
            statusbar = sysinfo.statusBarHeight;
            height = sysinfo.windowHeight;
        }
    });
    let currentWebview = this.$scope.$getAppWebview(); //获取当前web-view
    setTimeout(function() {
        var wv = currentWebview.children()[0];
        wv.setStyle({ //设置web-view距离顶部的距离以及自己的高度,单位为px
            top: statusbar, //此处是距离顶部的高度,应该是你页面的头部
            height: height, //webview的高度
        })
    }, 200); //如页面初始化调用需要写延迟
}
上一篇下一篇

猜你喜欢

热点阅读