ionic3允许键盘向上推视图

时间:2018-06-01 03:47:34

标签: ios keyboard ionic3 cordova-plugins

我正在使用Ionic ver 3.9.2

我想在iOS上推送视图,这样我的页脚就不会被隐藏。

enter image description here

不希望键盘覆盖我的页脚

enter image description here

在Android上,我可以使用android:windowSoftInputMode =" adjustResize"这神奇地缩小了视野。有没有办法实现这个目标? enter image description here

1 个答案:

答案 0 :(得分:3)

您可以使用Ionic Keyboard Plugin中的#include<stdio.h> int main(){ int i; int *j; i = 3; printf("%d\n", i); printf("%d\n", &i); j = &i; printf("%d\n", j); } onKeyboardShow()来了解何时调整屏幕大小以排除键盘。

尝试进行以下更改,看看它是否满足您的要求。您将需要调整keyboard_height和缓动以使其正常工作

app.html

onKeyboardHide()

app.component.ts

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

app.scss

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;
        });
    }
}