Question

我的应用程序底部包含Tabbar＆amp;我在该页面上有输入字段。但是每当我尝试输入输入时，键盘打开＆amp;键盘正在向上推Tabbar。我只想在键盘打开时按下页面的正文部分，而不是Tabbar。所以怎么做？请帮忙。

我的代码：

<ons-tabbar>
  <ons-tab page="SignIn.html"  label="Sign In" icon="fa-sign-in" active="true">
  </ons-tab>
  <ons-tab page="SignUp.html" label="Sign Up" icon="fa-user"  >
  </ons-tab>
</ons-tabbar>

Answer 1

标签栏有一个名为hide-tabs的属性，例如

<ons-tabbar hide-tabs="true">
  ...
</ons-tabbar>

您可以使用Ionic键盘插件：

https://github.com/driftyco/ionic-plugins-keyboard

在您注入$ rootScope的控制器中执行此类操作：

window.addEventListener('native.keyboardshow', function() {
  $rootScope.hideTabs = true;
});

window.addEventListener('native.keyboardhide', function() {
  $rootScope.hideTabs = false;
});

在你的HTML中：

<ons-tabbar hide-tags="{{ $root.hideTabs }}">
  <ons-tab page="SignIn.html"  label="Sign In" icon="fa-sign-in" active="true">
  </ons-tab>
  <ons-tab page="SignUp.html" label="Sign Up" icon="fa-user"  >
  </ons-tab>
</ons-tabbar>

当然，如果您不使用AngularJS，则可以更改事件处理程序中的tabbar属性。

键盘打开时如何隐藏Onsen UI Tabbar？

1 个答案: