使用 Ionic 输入的自动键盘

【问题标题】：Auto Keyboard in Input with Ionic使用 Ionic 输入的自动键盘
【发布时间】：2018-08-16 16:47:21
【问题描述】：

我需要 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）自动将焦点和键盘带到现场，我已经尝试了一些代码，但不幸的是有时它可以工作，有时不，马上谢谢你。

【问题讨论】：

标签： ionic-framework ionic3 ionic-native

【解决方案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

Set focus on an input with Ionic 2

【讨论】：

@EvandroG.Santos this.keyboard.show(); 将此移入 setTimeout 并重试
我已经在我的项目中尝试过这个，我刚刚将焦点设置在 input 上，键盘会自动打开。 ionViewDidEnter() { setTimeout(() => { this.searchBar.setFocus(); }, 500) }