Question

我正在开发一款离子2 app。我的登录页面的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清单文件中进行更改。

添加标记属性：

android:windowSoftInputMode="adjustPan"

在<activity XXXattributeXX>

内

例如：

<activity android:windowSoftInputMode="adjustPan" />

Answer 2

我做了以下成功：

1。）扔掉你不想在离子固定容器内滚动的内容：

python manage.py shell

2.。）我还阅读了从离子输入到标准输入元素的更改修复了一些键盘问题。

Answer 3

我一直在处理此问题，但使用Ionic4。我通过将位置的CSS属性设置为relative来解决此问题。

特别是对我来说，我有一个按钮，当我想要它位于底部时，它会不断移动。根据您指定的位置，它将始终相对于该位置。

固定和绝对属性与当前可用空间有关，这很有趣。 https://www.w3schools.com/css/css_positioning.asp

键盘将屏幕向上推离子2

3 个答案: