每当键盘打开时，离子标签都不会隐藏

Question

我是离子开发的新手。我实现了基于表单的应用程序。每当打开键盘时，我的标签都会出现在键盘上方。

每次打开键盘时都需要隐藏标签。请帮助我。

感谢您的先进..！

这是我的标签页代码

<style>
.keyboard-open .hide-on-keyboard-open {
  display: none;
}
.keyboard-open .tabs.hide-on-keyboard-open + .pane .has-tabs, .keyboard-open .bar-footer.hide-on-keyboard-open + .pane .has-footer {
  bottom: 0;
 }
</style>

<ion-view view-title="{{headerObj.produceDetails}}" hide-back-button="true">

  <ion-content>
    <form  role="form" name="myForm">
      ---------
    </form>

  </ion-content>

  <div class = "tabs tabs-icon-bottom tabs-striped tabs-color-gray hide-on-keyboard-open">
    <a class = "tab-item" ui-sref="app.farmerHome">
      <i class = "icon ion-home"></i>
      {{headerObj.home}}
    </a>

    <a class = "tab-item" ui-sref="app.farmersideRecords">
      <i class = "icon  ion-compose"></i>
      {{headerObj.records}}
    </a>

    <a class = "tab-item" ui-sref="app.farmerSideDiscussions">
      <i class = "icon  ion-person-stalker"></i>
      {{headerObj.discussions}}
    </a>
    <a class = "tab-item" ui-sref="app.farmerMaps">
      <i class="icon ion-map"></i>
      {{headerObj.map}}
    </a>

    <a class = "tab-item" ui-sref="app.farmerSettings">
      <i class = "icon  ion-gear-b"></i>
      {{headerObj.settings}}
    </a>

  </div>
</ion-view>

Answer 1

为了我们正确解决这个问题，您能否提供更多信息？就像您的 Ionic 版本和您遇到此问题的设备/操作系统一样？另外，请包含所有相关代码，例如您的 [page].ts 代码。

仅供参考，此选项卡问题是 Android 上的 cordova 的一个已知问题，他们尚未能够修复。但是，您可以尝试多种自己动手的解决方法。像下面这样：

解决方法 1： 通过修改 <platform name="android"> 标签中的 ionic config.xml 文件以包含 <preference name="Fullscreen" value="true" />，使您的应用在 Android 中全屏显示

解决方法 2： 当有人点击输入时触发一个 CSS 类，隐藏选项卡。如果您想了解如何做到这一点的示例，请参阅https://github.com/ionic-team/ionic/issues/7047

Answer 2

如果您的问题是在 android 上，这可以帮助您。在 ionic config.xml 中，在 platform name="android" 标记中添加以下行。

<platform name="android"> 
  <edit-config file="AndroidManifest.xml" mode="merge"    target="/manifest/application/activity"> <activity android:windowSoftInputMode="adjustPan" /></edit-config>
  ...the rest of the android configs...
</platform>

这将防止键盘向上推所有内容并简单地将键盘覆盖在内容上。所以行为将与ios键盘相同或相似