uniapp webview 标题被遮盖或安全区域
2023-06-26 本文已影响0人
litielongxx
image.png
uniapp打包app版本时,存在被状态栏盖住原本的标题,看起来安全区域没有生效。
列入ios上的刘海屏、药丸屏等。
详细直接参考:
https://blog.csdn.net/weixin_45360473/article/details/115006620
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); //如页面初始化调用需要写延迟
}