Ionic framework 当键盘可见时，键盘将隐藏页脚中的输入字段

在我的ionic项目中，在聊天页面中，我在页脚部分包含了一个输入框，但当键盘打开以在“不可见”中键入输入框时

chat.html

<ion-footer>
 <ion-toolbar>
  <ion-grid>
   <ion-row>
    <ion-col col-10>
      <ion-input type="text" placeholder="Type a message" [(ngModel)]="message" name="message"></ion-input>
    </ion-col>
    <ion-col col-2 (click)="sendMessage()">
      <ion-icon name="paper-plane"></ion-icon>
    </ion-col>
  </ion-row>
 </ion-grid>
</ion-toolbar>
</ion-footer>

使用它

在终端：

ionic cordova plugin add ionic-plugin-keyboard

npm install --save @ionic-native/keyboard

加载项：

app.module.ts

import { Keyboard } from '@ionic-native/keyboard';

providers: [
    ...
    Keyboard
    ...
  ]

import { Keyboard } from '@ionic-native/keyboard';

constructor(private keyboard: Keyboard) { }

   showKeyboard() {
      this.keyboard.show();
    }

   closeKeyboard() {
       this.keyboard.close();
    }

在：

chart.html

   <ion-footer>
      <ion-toolbar>
        <ion-grid>
          <ion-row>
            <ion-col col-10>
              <ion-input type="text" (focus)="showKeyboard()" 
                (focusout)="closeKeyboard()" placeholder="Type a message" 
                [(ngModel)]="message" name="message"></ion-input>
            </ion-col>
            <ion-col col-2 (click)="sendMessage()">
               <ion-icon name="paper-plane"></ion-icon>
            </ion-col>
          </ion-row>
       </ion-grid>
     </ion-toolbar>
   </ion-footer>

---

输入字段仍然不可见在emulator中测试的设备上测试它