打开键盘后,输入字段将松开占位符文本和发送图标。
我很累在发出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
关于如何解决此问题的任何建议吗?