ios - Phonegap KeyboardShrinksView 和固定在 iOS 上的位置应用不正确

Question

我使用 2.9.0 版的 Phonegap，我希望当键盘出现时，我的 WebView 会像在 Android phonegap 应用程序中那样缩小。我有固定位置的页脚和页眉元素，当键盘打开时它会引起麻烦(页脚和页眉松开固定位置状态)。

根据 phonegap 文档，我认为 KeyboardShrinksView 设置可以解决这个问题:http://docs.phonegap.com/en/2.9.0rc1/guide_project-settings_ios_index.md.html#Project%20Settings%20for%20iOS

但经过多次尝试，我无法使其正常工作，WebView 并没有缩小。

我在想这可能是因为我的 config.xml 中设置的其他首选项之间存在冲突:

config.xml

<gap:platform name="ios" />
<gap:platform name="android" />

<preference name="fullscreen" value="false" />
<preference name="webviewbounce" value="false" />
<preference name="orientation" value="portrait" />
<preference name="KeyboardShrinksView" value="true" />

或者它可能来自元标记定义，特别是视口(viewport):

index.html

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" /> 

你知道为什么它不起作用吗？或者您对此有解决方法吗？

编辑:我看到它在 KeyboardShrinksView=true 时发生了一些变化，但是当键盘打开时，它隐藏了我的内容的底部(包括我的页脚和字段)而不是调整我的整个内容的大小。我希望它将我的页脚放在键盘的顶部，对吗？

谢谢你的帮助

Answer 1

是的 - 现在处理这个问题很痛苦。目前还没有真正的解决办法来使它们像以前在 iOS 中那样。就个人而言，我目前在我的应用程序中兼顾两种不同的标签(一种用于 iOS，一种用于 Android)，它接近于 iOS 上的旧行为。这是我使用的:

<!-- IOS --> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />`
<!-- ANDROID --> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" />

我的 config.xml 设置符合您的预期:

<preference name="HideKeyboardFormAccessoryBar" value="true" />
<preference name="KeyboardShrinksView" value="false" />

这里有一些链接，可以关注和以继续窃听(即请求)Cordova 人员最终修复它。

• 问题 CB-4862:https://issues.apache.org/jira/browse/CB-4862 (这是核心问题线程。它最初是关闭的，但在我前一段时间发表评论后它重新打开了)

• 问题 CB-5852:https://issues.apache.org/jira/browse/CB-5852 (这是 CB-4862 人员被告知可能存在修复的地方 - 但开发人员的初步测试表明它并不是一个真正的解决方案，遗憾的是)。

希望这些链接至少能帮助您了解有关键盘收缩相关问题的最新信息。如果其他人有这方面的线索/链接，请分享!