iOS的Ionic / AngularJS / Phonegap键盘问题

时间:2014-08-15 14:53:21

标签: cordova keyboard phonegap-build ionic-framework

我们使用Ionic Framework,AngularJS,Phonegap Build 3.4

创建了一个应用程序

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

ANDROID:

图1:我们打开收到的消息 - 回复栏位于离子页脚栏div

picture

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

enter image description here

的iOS:

图1:我们打开收到的消息 - 回复栏位于离子页脚栏div

enter image description here

图2:我们点击写一条消息回复输入框 - 这是不正确的!正如您所看到的那样,当键盘启动时,整个屏幕会向上移动。我们如何解决这个问题?

enter image description here

2 个答案:

答案 0 :(得分: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。您可以使用此高度来调整主要内容的大小。

我知道这是解决此问题的不好方法,但它可以解决您的问题,直到此问题在框架中得到解决。

答案 1 :(得分:0)

我们终于解决了这个问题!首先,我们必须将其添加到离子页脚栏中:

  keyboard-attach

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

  1.0.0-beta.11