ionic3 позволяет клавиатуре увеличивать изображение

Question

Я использую Ionic ver 3.9.2

Я бы хотел увеличить представление на iOS, чтобы мой нижний колонтитул не был скрыт.

Не хочу, чтобы клавиатура закрывала мой нижний колонтитул

На Android я могу использовать android: windowSoftInputMode = "AdjustResize"и это волшебным образом уменьшает взгляд.Есть ли способ добиться этого?

Answer 1

Вы можете использовать onKeyboardShow() и onKeyboardHide() плагина Ionic Keyboard , чтобы узнать, когда изменить размер экрана, чтобы исключить клавиатуру.

Попробуйте внести следующие изменения и посмотритеесли он делает то, что вы хотите.Вам нужно будет откорректировать значение клавиатуры и высоты клавиатуры, чтобы правильно настроить это

app.html

<ion-nav .... [style.height]="nav_style"></ion-nav>

app.component.ts

keyboard_height: number = 200;
nav_style: string = null;

constructor(private keyboard: Keyboard, private platform: Platform, ...){
    if(this.platform.is('ios')){
        this.keyboard.onKeyboardShow(() => {
            this.nav_style = 'calc(100%-' + this.keyboard_height + 'px)';
        });
        this.keyboard.onKeyboardHide(() => {
            this.nav_style = null;
        });
    }
}

app.scss

ion-nav{
    transition: height 0.2s ease-out
}