打开键盘时,所有离子页脚内容都会消失。只需再次点击该字段,它就会再次出现。检查视频。 这不会在ANDROID上发生。仅在iOS模拟器和真实设备上 另外,如果使用野生动物园开发模式并检查元素,则通过野生动物园进行的任何CSS修改都会使页脚再次看起来不错。看来是原始图纸损坏了。
添加config.xml
<preference name="CordovaWebViewEngine" value="CDVUIWebViewEngine" />
因此,ionic使用UIWebView代替WKWebView。它可以运行,但是应用程序运行缓慢,并且其他事情由于应用程序使用WKWebView进行构建而无法正常工作。
其他可行的方法是改用旧的Cordova离子键盘(不建议使用),但是在关闭键盘时,所有操作(按键,导航等)都无法在应用程序上正常工作。
试图在键盘打开时强制css / html重新呈现,使用字段焦点并在不同的插件版本之间进行更改。没有人工作。
<ion-footer *ngIf="chatSession && chatSession.IsComplete != 'True'" >
<ion-toolbar color="white" style="border-top: 1px solid #4a87ee; min-height: 45px !important">
<ion-grid no-padding>
<ion-row>
<ion-col col-1 style="margin:auto">
<ion-icon style="padding: 5px;" name="menu" class="icon-chat" (click)="openCannedMessages()"></ion-icon>
</ion-col>
<ion-col col-9 style="margin:auto">
<ion-textarea #inputRef [(ngModel)]="chatText"
name="chat" id="chattextarea" autocorrect="on" class="chat-area" style="padding: 0px; margin:0px" [placeholder]="this.placeholderText" ></ion-textarea>
</ion-col>
<ion-col col-2 style="margin:auto">
<button ion-button outline class="btn-send" (click)="actionChat(inputRef)" style="margin: 0px; font-size: 16px;">
<ion-label >Send</ion-label>
</button>
</ion-col>
</ion-row>
</ion-grid>
</ion-toolbar>
</ion-footer>
"@ionic-native/keyboard": "^4.15.0",
<plugin name="cordova-plugin-ionic-keyboard" spec="^2.1.3" />
Ionic:
ionic (Ionic CLI) : 4.1.2 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.1.11
Cordova:
cordova (Cordova CLI) : 7.1.0
Cordova Platforms : ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-webview 2.1.4, (and 10 other plugins)
System:
ios-deploy : 1.9.2
ios-sim : 6.1.2
NodeJS : v8.5.0 (/usr/local/bin/node)
npm : 6.1.0
OS : macOS High Sierra
Xcode : Xcode 10.0 Build version 10A255