Ionic 3 Keyboard在Ion Footer上无法正常使用

时间:2018-10-10 16:31:22

标签: ios ionic-framework ionic3 wkwebview ionic-native

问题视频:

https://imgur.com/a/PRLPJYw

说明:

打开键盘时,所有离子页脚内容都会消失。只需再次点击该字段,它就会再次出现。检查视频。 这不会在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

0 个答案:

没有答案