angular - 键盘向上推屏幕 ionic 2

Question

我正在开发一个 ionic 2 应用程序。我登录页面的html代码如下:

<ion-header>
  <ion-navbar color="royal">
    <ion-title> Inicio de sesión </ion-title>
  </ion-navbar>
</ion-header>

<ion-content class="fondo">

  <img src="assets/markerBoy.png" class="logo"/>

  <ion-card center>

    <ion-card-header>
      Credenciales
    </ion-card-header>

    <ion-card-content>
      <form>
        <ion-list>
          <ion-item>
            <ion-label floating> Usuario: </ion-label>
            <ion-input type="text" [(ngModel)]="user" name="user"> </ion-input>
          </ion-item>
          <ion-item>
            <ion-label floating> Contraseña: </ion-label>
            <ion-input type="password" [(ngModel)]="password" name="password"> </ion-input>
          </ion-item>
        </ion-list>
        <div padding>
          <button ion-button block (click)="iniciarSesionValidar()" color="royal"> Entrar </button>
        </div>
      </form>
    </ion-card-content>

  </ion-card>

</ion-content>

我不知道为什么，但当我在 Android 设备上运行该应用程序时，起初屏幕看起来是正确的，但是当我单击用户名输入时，键盘出现并向上推屏幕。我将向您展示两张图片，一张是未选择任何内容时的图片，另一张是我点击用户名输入时的图片。

Normal Screen

Input clicked

有什么想法吗？

Answer 1

此解决方案适用于 Android，这正是我一直在寻找的! 只有一件事，只需更改 android list 文件即可。

添加标签属性:

android:windowSoftInputMode="adjustPan"

内部<activity XXXattributeXX>

例如:

<activity android:windowSoftInputMode="adjustPan" />