Ionic 输入中的自动键盘

Question

我需要 Ionic 上的一个例程，在进入页面时调用手机键盘进行离子输入。

页面示例如下：

<ion-content padding>
  <form>
    <ion-row>
      <ion-col>
        <ion-input #user name="user" type="text" placeholder="Usuário"></ion-input>
      </ion-col>
    </ion-row>
  </form>
</ion-content>

我想要的是使用 Ionic 的导航生命周期（我相信在这种情况下使用 ionViewDidEnter）自动将焦点和键盘带入字段，我已经尝试过一些代码，但不幸的是有时它有效，有时无效，马上谢谢你。

Answer 1

您可以在 ionViewDidEnter 方法中在文本区域中设置焦点，并使用 ionic 键盘插件显示键盘。

@ViewChild('user') input ;

ionicViewDidEnter(){
setTimeout(() => {
      this.input.setFocus();
    },150);
this.keyboard.show();
}

我参考了以下链接。请浏览它以获取更多信息： https://ionicframework.com/docs/native/keyboard/

https://forum.ionicframework.com/t/setting-focus-to-an-input-in-ionic/62789/4

使用 Ionic 2 将焦点设置在输入上

Answer 2

依赖setTimeout永远都不好。尝试使用较新的、独立于平台的 Ionic 版本：

  Keyboard.show().then(() => {
    this.input.setFocus();
  });