如何修复 iOS 上 Cordova 3.1 的键盘问题？

我刚刚测试过科尔多瓦3.1使用示例 iOS 应用程序并遇到了几个键盘问题。

应用程序设置：

• Xcode 5
• 状态栏被隐藏
• 横向模式

配置文件

Issues:

1. 所有版本：当焦点位于输入字段时，整个视图都会向上推，包括导航栏。

2. iOS5/6：点击输入字段打开键盘，然后屏幕顶部短暂显示一个黑色间隙，然后键盘将整个视图向上推（是状态栏吗？）

3. iOS7：没有像#2问题那样的黑隙，但还有其他问题：

   • 在删除（隐藏）之前我仍然看到附件栏。

   • 键盘是半透明的，然后我可以在当前视图向上推的空间中看到较暗的背景。

如果我改变了，事情会更糟：

• 视图仍然被向上推，当输入字段失去焦点时，屏幕顶部会出现一个黑色间隙，即使在 iOS 7 上，如果 KeyboardShrinksView = false 也不会发生什么。

• iOS 7 上的键盘不再是半透明的。

下面是我的config.xml

<preference name="DisallowOverscroll" value="true" />
    <preference name="HideKeyboardFormAccessoryBar" value="true" />
    <preference name="KeyboardDisplayRequiresUserAction" value="false" />
    <preference name="KeyboardShrinksView" value="true" />
    <preference name="SuppressesIncrementalRendering" value="false" />
    <preference name="TopActivityIndicator" value="gray" />
    <preference name="EnableLocation" value="false" />
    <preference name="EnableViewportScale" value="false" />
    <preference name="AutoHideSplashScreen" value="false" />
    <preference name="ShowSplashScreenSpinner" value="false" />
    <preference name="MediaPlaybackRequiresUserAction" value="false" />
    <preference name="AllowInlineMediaPlayback" value="false" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="Fullscreen" value="true" />
    <preference name="Orientation" value="landscape" />

查看此线程。这里报告了很多相同的问题。最好将您的信息添加到 Cordova JIRA 错误跟踪系统中，因为这是所有 cordova 开发人员工作的地方。

通过在 web 视图的大小调整中添加一个简单的动画，我能够从滑动中获得顶部标题。这是放入 CDViewController.m 中的 KeyboardWillShow 函数中的代码

[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:1.0];
[self.webView setFrame:(CGRectMake(newFrame.origin.x, newFrame.origin.y, newFrame.size.width, newFrame.size.height))];
[UIView commitAnimations];

我差点就让黑条不被隐藏了，但无法让它很好地工作。这篇文章描述了您需要做什么。您需要使网络视图调整动画与键盘动画相匹配。iOS 7 - 键盘动画 https://stackoverflow.com/questions/18957476/ios-7-keyboard-animation