Ionic 3 禁用键盘推送

Question

我有一个简单的登录表单，每次我点击输入时，键盘都会推动我的所有组件，我想要的是键盘保持在顶部 "absolute position"。

我已经尝试过的东西：

.css

ion-grid {
  min-height: 100%;
}

.ts

keyboard.disableScroll(true);

app.module.ts

imports: [
  IonicModule.forRoot(MyApp, {
    scrollAssist: false,
    autoFocusAssist: false)
  }
]

所以我不希望键盘推动内容，只是停留在屏幕顶部，甚至停留在按钮上方。

Answer 1

删除键盘插件并重新添加

将此添加到 app.module.ts

IonicModule.forRoot(MyApp, { scrollAssist: false, autoFocusAssist: false }),

这对 app.component.ts

import { Keyboard } from '@ionic-native/keyboard';

constructor(
  public platform: Platform,
  private splashScreen: SplashScreen,
  private statusBar: StatusBar,
  private keyboard: Keyboard
)


initializeApp() {
  this.keyboard.disableScroll(false);
}

Answer 2

我发现了错误。问题是我在 web 视图中测试应用程序，当然，cordova 组件在 web 视图中不起作用。所以我生成了 apk 并在 android phone 中进行测试。就是这样了！谢谢@user9088454

Ionic 3 禁用键盘推送

Ionic 3 disable keyboard push

ionic-framework

ionic3

.css

.ts

app.module.ts