angular - Ionic keyboard.isVisible 属性不能正确控制元素的可见性

Question

经过多年阅读您的答案，我有我的第一个问题。

情况

在 Ionic Angular (v5.3.1) 移动应用程序中，我正在尝试执行简单的任务 - 当键盘打开时隐藏元素。原理很简单：

• 我点击文本框
• 事件keyboardWillShow发生
• 电话键盘出现
• 元素隐藏 ( *ngIf="keyboard.isVisible")

问题

当键盘打开时 - 元素仍然可见。即使事件keyboardWillShow被执行。但是 - 当我再次单击文本框时 - 元素变得隐藏，正如我一开始所需要的那样。

示例代码

tab1.page.html

<ion-content [fullscreen]="true">
  <ion-textarea placeholder="This is placeholder"></ion-textarea>
  <div *ngIf="keyboard.isVisible">
    Please click on tech area and keyboar will open
  </div>
</ion-content>

tab1.page..ts

import { Component } from '@angular/core';
import { Keyboard } from '@ionic-native/keyboard/ngx';

@Component({
  selector: 'app-tab1',
  templateUrl: 'tab1.page.html',
  styleUrls: ['tab1.page.scss']
})
export class Tab1Page {

  constructor(
    public keyboard: Keyboard
  ) {}

}