PhoneGap: existe-t-il un moyen d'empêcher le clavier de redimensionner la vue?

Je suis actuellement en utilisant PhoneGap pour une application mobile, je suis en développement. Dans mon écran de Connexion, lorsque je sélectionne un champ de texte, le point de vue se rétrécit à l'horizontale lorsque le clavier glisse vers le haut. Cela se produit uniquement sur Android et pas iOS.

Cela me concerne car j'ai une barre d'outils en bas qui est position:absolute; bottom:0; et cette barre d'outils est poussé vers le haut dans Android lorsque le clavier s'affiche. Dans iOS, le clavier tout simplement superpositions.

source d'informationauteur AlexCheuk

  1. 26

    Dans AndroidManifest.xml sur votre activité principale, ajoutez la ligne suivante: 

    android:windowSoftInputMode="adjustPan"

    et

    android:configChanges="orientation|keyboardHidden"

    Dans index.html ajouter ce traumalles souligné:

    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />
  2. 2

    De haut sur L'ue Vid répondreje tiens à souligner que Cordova 6.4.0 et ci-dessus a un soutien pour <edit-config /> que nous pouvons utiliser pour modifier AndroidManifest.xml.

    D'abord, vous aurez besoin d'ajouter de l'android attribut d'espace de noms. Dans votre config.xmlajouter un nouvel attribut xmlns:android="http://schemas.android.com/apk/res/android" à <widget />. Votre widget bloc devrait ressembler à quelque chose comme ceci:

    <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">

    Maintenant ajouter le code suivant à l'intérieur de <widget />:

    <edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity">
    <activity android:configChanges="orientation|keyboardHidden" android:windowSoftInputMode="adjustPan" />
</edit-config>

    Maintenant, lorsque vous appelez cordova platform add androidle AndroidManifest.xml sera créé avec les paramètres ci-dessus.

    Remarque:

    • Le code ci-dessus permet de ne pas écraser le <activity> bloc, mais se confond avec elle; il ne fera que remplacer les attributs xml spécifié.
    • Si vous avez déjà appelé cordova platform add android à l'avance, vous pouvez l'enlever en entrant cordova platform rm android d'abord avant de l'ajouter de nouveau.
  3. 0

    Ajouter

        <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />

    à votre tête-tag