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">标记中的离子config.xml文件，使您的应用在Android中全屏显示，以包含<preference name="Fullscreen" value="true" />

解决方法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键盘相同或相似

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

2 个答案: