iOS 的 Ionic/AngularJS/Phonegap 键盘问题答案

【问题标题】：Ionic/AngularJS/Phonegap Keyboard issue with iOSiOS 的 Ionic/AngularJS/Phonegap 键盘问题
【发布时间】：2014-08-15 14:53:21
【问题描述】：

我们使用 Ionic Framework、AngularJS、Phonegap Build 3.4 创建了一个应用程序

我们在 iOS 上遇到了一些键盘问题 - 在 Android 上很好：

安卓：

图 1：我们打开收到的一条消息 - 回复栏在 ion-footer-bar div 中

图2：我们点击写消息回复输入框-这是正确的：

iOS：

图 1：我们打开收到的一条消息 - 回复栏在 ion-footer-bar div 中

图2：我们点击写消息回复输入框-这是不正确的！如您所见，当键盘启动时，整个屏幕向上移动。我们该如何解决这个问题？

【问题讨论】：

【解决方案1】：

我认为这是与 iOS 7.1 相关的问题，因为我们的构建在 iOS 上运行良好。一种简单的技巧是使用ionic keyboard plugin。

你看到这个插件提供了两个事件

native.keyboardshow

    A number keyboardHeight is given on the event object, which is the pixel height of the keyboard.

`native.keyboardhide`

keyboardHeight 在键盘出现时发送。您可以使用此高度来调整主要内容的大小。

我知道这是解决这个问题的糟糕方法，但它可以解决你的问题，直到这个问题在框架中得到解决。

【讨论】：

【解决方案2】：

我们终于解决了这个问题！！首先，我们必须将其添加到 ion-footer-bar：

  keyboard-attach

然后我们将 Ionic 升级到最新的稳定版本：

  1.0.0-beta.11

【讨论】：