关闭

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

67人阅读 评论(0) 收藏 举报
分类:

插件:

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

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:815次
    • 积分:144
    • 等级:
    • 排名:千里之外
    • 原创:4篇
    • 转载:0篇
    • 译文:6篇
    • 评论:1条
    文章分类
    文章存档