Phonegap：在 Android 的键盘显示上调整 webview 的大小答案

【问题标题】：Phonegap: Resize webview on keyboard display in AndroidPhonegap：在 Android 的键盘显示上调整 webview 的大小
【发布时间】：2014-03-14 01:43:51
【问题描述】：

我有一个类似 （固定定位） 的模式，类似于 facebook 在最新的 android 版本中用于 feed/chat 中的 cmets 的模式。我想要的看起来像这样：

因此，当您专注于输入时，键盘会打开并缩小 web 视图。默认情况下它不起作用，我找不到任何解决方案。

我尝试将此首选项添加到config.xml，但adjustResize 没有执行任何操作，stateVisible 只是在我启动应用程序时打开键盘。

<preference name="android-windowSoftInputMode" value="stateVisible|adjustResize" />

这很奇怪。截至Android DocumentationadjustResize 应该这样做：

The activity's main window is always resized to 
make room for the soft keyboard on screen.

我正在使用 Phonegap 3.0，并且我有一个带有 kitkat 的 Nexus 5 进行测试。

【问题讨论】：

我不知道 config.html 是如何被拉入 AndroidManifest.xml，但 android-windowSoftInputMode 不应该是 android:windowSoftInputMode 吗？您是否尝试过将平台/Android 目录中的 AndroidManifest.xml 更改为具有

标签： javascript jquery css cordova keyboard

【解决方案1】：

在我使用 phonegap 3.0 创建的项目中，默认情况下，该应用是全屏活动，键盘隐藏了该应用，并且该应用未调整大小。

我编辑了 config.xml 并设置了<preference name="fullscreen" value="false" />，然后应用不再是全屏的，当打开软键盘时，应用调整大小以适应屏幕的其余部分。

【讨论】：

感谢您的解决方案！有用。但我需要让我的应用程序处于全屏模式。你知道另一种方法吗？我不明白，默认情况下不应该（我假设adjustPan）定位文本框并滚动以使文本框始终可见吗？
抱歉，没有找到其他解决方案。也许您可以直接在 androidmanifest.xml 中更改一些设置。
嘿，我设置了这个，我可以看到设备的状态栏了！！另外，UI 会受到干扰！
我使用这个配置来解决相反的问题：我有一个应用程序，当键盘推出时，平板电脑采用@media 样式，因为 webview 调整大小并变成“风景”（在 Nexus 4) - 有了这个偏好，webview 仍然是固定的，并且表单不再改变。非常感谢！！！！！！！！！
这似乎不适用于 iOS。有什么想法吗？

【解决方案2】：

我找到了解决方案.. 专门针对“sencha/phonegap/cordova”用户。

编辑 android 清单文件中的主要活动添加此属性。

android:windowSoftInputMode="adjustNothing"

 <activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:windowSoftInputMode="adjustNothing"  android:label="@string/app_name" android:launchMode="singleTop" android:name="com.company.appName.MainActivity" android:screenOrientation="portrait" android:theme="@android:style/Theme.Black.NoTitleBar">
<intent-filter>
    <action android:name="android.intent.action.MAIN" />
    <category android:name="android.intent.category.LAUNCHER" />
</intent-filter> 
</activity>

【讨论】：