Ioni c ион-нижний колонтитул толкнул клавиатуру вверх - PullRequest
Новая
       8

Ioni c ион-нижний колонтитул толкнул клавиатуру вверх

0 голосов
/ 30 марта 2020

У меня есть ионный нижний колонтитул в моем приложении в Ioni c, но у меня возникает проблема, когда нижний колонтитул поднимается каждый раз, когда клавиатура выходит. Я добавил:

Конфиг XML

<preference name="KeyboardResize" value="false" />
<preference name="KeyboardResizeMode" value="ionic" />


<ion-footer class="ion-no-border" slot="fixed">
  <ion-grid class="footer-tab">
    <ion-row justify-content-around>

      <ion-col>
        <ion-button expand="block" fill="clear" [routerLink]="['/inicio']">
          <ion-icon color="medium" name="home"></ion-icon> 
        </ion-button>
        Início
      </ion-col>

      <ion-col>
        <ion-button expand="block" fill="clear" [routerLink]="['/extrato']"> 
          <ion-icon color="medium" name="list"></ion-icon> 
        </ion-button>
        Abastecimento
      </ion-col>

      <ion-col>
        <ion-button expand="block" fill="clear" [routerLink]="['/indicacoes']"> 
          <ion-icon color="medium" name="happy"></ion-icon> 
        </ion-button>
        Indique
      </ion-col>

      <ion-col>
        <ion-button expand="block" fill="clear" [routerLink]="['/rede']"> 
          <ion-icon color="success" name="pin"></ion-icon> 
        </ion-button>
        Postos

      </ion-col>

    </ion-row>
  </ion-grid>
</ion-footer>

CSS

  .footer-tab {
      font-size: 12px;
      text-align: -webkit-center;
      margin-top: -11px;
      margin-bottom: 2vh;
      color: grey;
    }

[Скриншот клавиатуры нажимает на вверх]

https://i.stack.imgur.com/ORiA2.jpg

...