如何在ionic4中获得键盘的高度

Posted 2023-03-15

【中文标题】如何在ionic4中获得键盘的高度

【英文标题】：how to get the height of keyboard in ionic4

【发布时间】：2019-06-14 15:15:29

【问题描述】：

Ion-Footer 中的输入固定在 Ionic4 的底部，当我聚焦输入时，键盘与输入重叠；所以我希望输入在聚焦时可以固定在键盘上方。在ionic3中，我可以添加一个事件监听器来获取键盘的高度，这是我的代码：enter image description here

在ionic3下可以正常使用，在ionic4下不行~请帮帮我，谢谢~

【参考方案1】：

您仍然可以使用相同的方式进行操作。您只需要更改事件名称。

// RxJS
fromEvent(window, 'keyboardWillShow')

// ES6
window.addEventListener('keyboardWillShow', () => )

我建议使用 RxJS 方法，因为您可以使用 takeUntil 或 .unsubscribe 轻松取消订阅。