我目前正在将 PhoneGap 用于我正在开发的移动应用程序。在我的登录屏幕中,当我选择一个文本字段时,当键盘向上滑动时,视图会水平缩小。这只发生在安卓而不是iOS上。
这让我很担心,因为我有一个底部工具栏,position:absolute; bottom:0;
当键盘出现时,这个工具栏会在 Android 中向上推。在 iOS 中,键盘只是简单地覆盖它。
在AndroidManifest.xml
您的主要活动中添加以下内容:
android:windowSoftInputMode="adjustPan"
和
android:configChanges="orientation|keyboardHidden"
添加外伤index.html
指出的内容:
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />
在Eu Vid 的回答之上,我想指出 Cordova 6.4.0 及更高版本支持<edit-config />
我们可以用来修改AndroidManifest.xml
。
首先,您需要添加 android 命名空间属性。在您的config.xml
中,添加一个新属性xmlns:android="http://schemas.android.com/apk/res/android"
到<widget />
. 您的小部件块应如下所示:
<widget
id="com.my.app"
version="0.0.1"
xmlns="http://www.w3.org/ns/widgets"
xmlns:cdv="http://cordova.apache.org/ns/1.0"
xmlns:android="http://schemas.android.com/apk/res/android">
现在在里面 添加以下代码<widget />
:
<edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity">
<activity android:configChanges="orientation|keyboardHidden" android:windowSoftInputMode="adjustPan" />
</edit-config>
现在,当您调用 时cordova platform add android
,AndroidManifest.xml
将使用上述设置生成 。
笔记:
<activity>
块而是与之合并;它只会替换指定的 xml 属性。cordova platform add android
过,您可以先输入删除它,cordova platform rm android
然后再添加它。添加
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />
到你的头牌