Tabs view + slide menu doesn't load correctly on android emulator


#1

Hi guys, first timer here, having some issue with a tabs + slide menu. Everything is working correctly in the browser, but when i emulate in android i get a huge space in the tab section that offset the icons.

Here’s the code i’m using for the menu.

<ion-side-menus enable-menu-with-back-views="false">
  <ion-side-menu-content>
    <ion-nav-bar class="bar bar-header bar-dark">
      <ion-nav-back-button></ion-nav-back-button>
      <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
        </button>
      </ion-nav-buttons>
    </ion-nav-bar>
    <ion-nav-view name="tab-home"></ion-nav-view>
    <!-- TABS -->
    <ion-footer-bar class="tabs_footer_container">
      <ion-tabs class="tabs tabs-dark tabs-icon-bottom bar bar-footer">
        <ion-tab class="tabs_custom" title="Home" icon-off="ion-ios-home" icon-on="ion-ios-home" href="#/app/home">
          <ion-nav-view name="tab-home"></ion-nav-view>
        </ion-tab>
        <ion-tab class="tabs_custom" title="Credit" icon-off="ion-plus-circled" icon-on="ion-plus-circled" href="#/app/transaction" ng-click="openModal(1)">
          <ion-nav-view name="tab-transaction"></ion-nav-view>
        </ion-tab>
        <ion-tab class="tabs_custom" title="Debit" icon-off="ion-minus-circled" icon-on="ion-minus-circled" href="#/app/transaction" ng-click="openModal(2)">
          <ion-nav-view name="tab-transaction"></ion-nav-view>
        </ion-tab>
      </ion-tabs>
    </ion-footer-bar>
  </ion-side-menu-content>
  <!-- Left Menu -->
  <ion-side-menu side="left">
    <ion-header-bar class="bar-dark">
      <h1 class="title">Settings</h1>
    </ion-header-bar>
    <ion-content>
      <ion-list>
        <ion-item menu-close ng-click="resetData()">
          Clear Data
        </ion-item>
        <ion-item menu-close>
          FAQ's
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>
</ion-side-menus>


#2

If anyone else comes across this issue. I deployed it to a real device and everything is working as expected. I assume this is isolated to the emulator.


#3

Hi fmartinez78228,

Try to build Apk and Test on your phone, it will work fine as there is no issue with the above code.

Happy Holidays! :slight_smile:

Aditya Kumar