cordova - 在键盘上隐藏页脚打开 Ionic3

Question

当键盘打开时，我试图隐藏我的 Ionic 3 应用程序的页脚，

我已经按照官方文档中的步骤以及这个问题的公认答案进行了操作:Hide tabs on keyboard open

我已经正确安装了键盘插件并将其导入到 app.module.ts 中，
我在 app.component.ts 中有这个代码:

this.platform.ready().then(() => {

  this.keyboard.onKeyboardShow().subscribe(() => {
        document.body.classList.add('keyboard-is-open');
    });

    this.keyboard.onKeyboardHide().subscribe(() => {
        document.body.classList.remove('keyboard-is-open');
    });


});

我已经正确设置了 css 类:

body.keyboard-is-open .hideElementOnKeyboardShown{
    display: none;        
}

并将这个“hideElementOnKeyboardShown”类添加到页脚，
现在发生的事情是页脚消失了几毫秒(我猜是键盘显示所需的时间)然后重新出现在键盘顶部，部分隐藏了页面上的一些输入字段。

我需要找到一种方法来隐藏页脚，或者只是将它保留在页面底部，被键盘覆盖(我也尝试过使用 z-index 但它不起作用)

Answer 1

你好!

您需要做的就是在您的 ion-footer 上添加一个 {hidden} 属性，并根据返回 true 或 false 的“键盘已打开”方法对其进行设置。

示例:

<ion-footer [hidden]="keyboard.isOpen()" no-border padding>
 //content
</ion-footer>