Ion-tabs with class tabs-top in iOS?

Navigation
1

I am creating an application that uses tabs for navigation and set the tabs to the top with tabs-top . In Android works right but in iOS the tabs are behind header , how to solve this?

tabs.html 

<ion-tabs class="tabs-icon-top tabs-top tabs-color-active-positive">

      <!-- Empresas Tab -->
      <ion-tab title="Empresas" icon-off="ion-ios-home-outline" icon-on="ion-ios-home" href="#/tab/emp">
        <ion-nav-view name="tab-emp"></ion-nav-view>
      </ion-tab>

      <!-- Servicos Tab -->
      <ion-tab title="Serviços" icon-off="ion-ios-people-outline" icon-on="ion-ios-people" href="#/tab/serv">
        <ion-nav-view name="tab-serv"></ion-nav-view>
      </ion-tab>

      <!-- Acessar Tab -->
      <ion-tab title="Acessar" icon-off="ion-ios-world-outline" icon-on="ion-ios-world" href="#/tab/acesso" ng-click="isLogged();">
        <ion-nav-view name="tab-acesso"></ion-nav-view>
      </ion-tab>


      <!-- Anunciantes Tab -->
      <ion-tab title="Anunciar" icon-off="ion-ios-star-outline" icon-on="ion-ios-star" href="#/tab/anuncio">
        <ion-nav-view name="tab-anuncio"></ion-nav-view>
      </ion-tab>

      <!-- Info Tab -->
      <ion-tab title="Informações" icon-off="ion-ios-information-outline" icon-on="ion-ios-information" href="#/tab/info">
        <ion-nav-view name="tab-info"></ion-nav-view>
      </ion-tab>

  </ion-tabs>

    
asked by anonymous 10.01.2016 / 09:19

3 answers

0

Try to put in app.js in .config like this: 

.config(function ($stateProvider, $urlRouterProvider, $ionicConfigProvider) {
    $ionicConfigProvider.platform.ios.tabs.position('top');

In this link you have more info on: $ ionicConfigProvider

    
14.01.2016 / 14:33
0

As it is only on the iphone you can set the css to give a bigger top. 

.platform-ios .tabs-top{
    top: 90px !important;
 }

I put 90px, but if it does not look good you can increase. In the iphone usually the tabs are on the bottom.

    
16.02.2016 / 21:18
-1

Use this on what you see in front of you: 

z-index : 9999;
    
12.01.2016 / 21:25
MPAndroidChart Chart Query to return recurrence values, which have not yet been created in the database