uni-app中在ios下web-view自带安全区域无法全屏

因项目需要 app中打开一个webview 要全屏展示
发现在安卓手机上是全屏的 但是ios上就自带安全区域 顶部和底部全是白色

"contentAdjust":false  //没有效果

调整安全区域也没有效果
所以 做了以下的办法..

用plus.webview.create去创建web-view组件 设置webview的位置 创建方法

/*
  获取顶部安全区域的高度 安卓的顶部区域为0 ios的是实际大小
*/
let safeTopArea = uni.getSystemInfoSync().platform=='ios'?uni.getSystemInfoSync().safeAreaInsets.top:0;
//获取底部安全区域的高度
let safeBoottom = uni.getSystemInfoSync().safeAreaInsets.bottom;
webviewStyle:{
    top: - safeTopArea,  //ios的位置上移安全区域的高度 
    height:uni.getSystemInfoSync().windowHeight + safeBoottom + safeTopArea,  //高度+安全区域的高度
}

主要操作的就是位置和高度 目前安卓ios正常
至于能不能用官方提供的api或者方法去实现全屏 暂时没有找到实现方式 可能有好的方法我没找到
找到后更新一下 或者大家踢我一下 谢谢

你可能感兴趣的:(uni-app中在ios下web-view自带安全区域无法全屏)