iOS 12对ion-footer-bar的底层解释不同导致的bug

我们的项目是使用Cordova写的混合APP,页面展示主要都是HTML5 于是就出现了下面这种native app 根本不会出现的bug

bug:iOS 12以下回复框高度高于键盘高度2倍高度,但是在iOS 12以上的系统都是正常的

分析:由于Cordova框架的ion-footer-bar组件没有适配最新的iOS 12,导致设置回复按钮底部bottom时出问题,iOS 12以下时,bottom指距离弹出的键盘上边距离为0,iOS 12以上时指距离屏幕的最下边的距离为0

解决方案:通过判断系统版本选择是否添加键盘高度

window.addEventListener("native.keyboardhide",keyboardHideHandler);

function keyboardShowHandler(e) {

if(version<12){

$(".reply_btn").css("bottom",0);

}else{

$(".reply_btn").css("bottom",parseInt(e.keyboardHeight) +"px");

}}

你可能感兴趣的:(iOS 12对ion-footer-bar的底层解释不同导致的bug)