解决ionic输入input里的内容时会把底部tabs顶上来的情况(隐藏底部tabs)

来源:互联网 发布:淘宝联盟网页版怎么用 编辑:程序博客网 时间:2024/05/19 14:19

插件:

cordova plugin add ionic-plugin-keyboard --save

$scope.showItemTab='';//默认显示footer
window.addEventListener('native.keyboardshow',keyboardShowHandler);
functionkeyboardShowHandler(e){
    //键盘打开隐藏footer
    
$scope.showItemTab="tabs-item-hide";
}

window.addEventListener('native.keyboardhide',keyboardHideHandler);
functionkeyboardHideHandler(e){
    //键盘隐藏打开footer
    
$scope.showItemTab='';
}


还有另外一种情况:

$scope.showFooter=true;//默认显示footer
listenerKeyBord
();//监听键盘按钮,隐藏底部的footer

/**
 * 监听键盘按钮,隐藏底部的footer
 */
functionlistenerKeyBord() {
    window.addEventListener('native.keyboardshow',keyboardShowHandler);
    functionkeyboardShowHandler(e) {
        //键盘打开隐藏footer
        
$scope.showFooter=false;
    }

    window.addEventListener('native.keyboardhide',keyboardHideHandler);
    functionkeyboardHideHandler(e) {
        //键盘隐藏打开footer
        
$scope.showFooter=true;
    }
}


阅读全文
0 0
原创粉丝点击