打开键盘时,离子页脚中的离子输入会松开样式和占位符文本

时间:2018-10-14 20:18:13

标签: angular ionic-framework ionic3 cordova-ios

打开键盘后,输入字段将松开占位符文本和发送图标。

enter image description here enter image description here 这仅在iOS上发生。

我很累在发出keyboardDidShow事件时使用elementRef和渲染器覆盖样式。这是有效的,但这只是第一次。如果键盘隐藏起来,然后再次显示,则渲染器不会覆盖它-发出事件,我将其注销以进行验证。

这是呈现的代码:

ionViewDidLoad() {


fromEvent(window, 'keyboardDidShow').subscribe( (event) => {

  console.log("keyboard open in event")
  this.renderer.setStyle(this.chatInput["_elementRef"].nativeElement, 'backgroundColor', '#000')

});

模板代码:

<ion-footer>

  <ion-toolbar>
    <ion-item no-lines #chatInput>
      <ion-input spellcheck="true" autoComplete="true" autocorrect="true" maxlength="500" type="text" (keyup.enter)="sendMessage(newMessage); newMessage=''" placeholder="Type your message..." [(ngModel)]="newMessage"></ion-input>
      <button  ion-button item-right (click)="sendMessage(newMessage); newMessage=''">
        <ion-icon name="send"></ion-icon>
      </button>
    </ion-item>
  </ion-toolbar>

</ion-footer>

相关插件:

cordova-plugin-ionic-keyboard 2.1.3 “cordova-plugin-ionic-keyboard”
cordova-plugin-ionic-webview 1.2.1 “cordova-plugin-ionic-webview”

是的,webview是较旧的版本,我尝试使用最新的2倍,但并不能解决问题。

来自iOS的平台:4.5.5

离子3.9.2,角度为5.2.11

关于如何解决此问题的任何建议吗?

0 个答案:

没有答案