離子選項卡不能正確呈現在Android上？

iOS平臺上的每件事情都可以正常工作。爲什麼此選項卡無法在Android上正確呈現？離子選項卡不能正確呈現在Android上？

我想使用側面菜單+標籤設計。

問題是：

標籤報頭部分可見。
選項卡標題和嵌入的子視圖之間的不需要的間距。

我的系統信息：

科爾多瓦CLI：6.4.0
咕嘟咕嘟版本：CLI版本3.9.1
咕嘟咕嘟地方：本地版本3.9.1
離子Framework版本：1.3.1
Ionic CLI版本：2.1.1
Ionic App Lib版本：2.1.1
IOS部署的版本：1.9.0
IOS-SIM版本：5.0.8
操作系統：Mac OS X塞拉利昂節點版本：V6.2.1

請檢查下面的圖片，你可以清楚地看到兩個平臺的區別。

sidemenu：

<ion-side-menus enable-menu-with-back-views="false"> 
<ion-side-menu-content> 
    <ion-nav-bar class="bar-stable clsMenu"> 
     <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="menuContent"></ion-nav-view> 
</ion-side-menu-content> 

<ion-side-menu side="left" ng-controller="sideMenuCtrl"> 
    <ion-header-bar class="bar-stable" style="background-color:#E0E0E0"> 

     <img src="img/menu-top.png" /> 
    </ion-header-bar> 
    <ion-content overflow-scroll="false"> 
     <ion-list> 

      <ion-item menu-close href="#/app/tab"> 
       <i class="icon ion-help-circled"></i> Search 
      </ion-item> 

     </ion-list> 
    </ion-content> 
</ion-side-menu>

國家：

.state('app', { 
      url: '/app', 
      abstract: true, 
      templateUrl: 'templates/side-menu/menu.html' 
     }) 
     // Tabs   
     .state('app.tab', { 
      url: '/tab', 
      views: { 
       'menuContent': { 
        templateUrl: 'templates/search/tabs.html' 
       } 
      } 
     }) 
     .state('app.tab.searchById', { 
      url: '/searchById', 
      views: { 
       'search-by-id-tab': { 
        templateUrl: 'templates/search/searchById.html', 
        controller: 'searchCtrl' 
       } 
      } 
     }) 
     .state('app.tab.advanceSearch', { 
      url: '/advanceSearch', 
      views: { 
       'advance-search-tab': { 
        templateUrl: 'templates/search/advanceSearch.html', 
        controller: 'searchCtrl' 
       } 
      } 
     })

tabs.html

<ion-tabs class=" tabs-color-active-calm tabs-stable"> 
    <ion-tab title="search By ID" ui-sref="app.tab.searchById"> 
     <ion-nav-view name="search-by-id-tab"></ion-nav-view> 
    </ion-tab> 

    <ion-tab title="Advance Search" ui-sref="app.tab.advanceSearch"> 
     <ion-nav-view name="advance-search-tab"></ion-nav-view> 
    </ion-tab> 
</ion-tabs>

來源

2016-11-04 young

實測值的罪魁禍首

.tabs-top > .tabs, .tabs.tabs-top { 
     top: 0px;}

在style.css中意願上面css class導致問題Android裝置。

來源

2016-11-05 07:23:15 young

離子選項卡不能正確呈現在Android上？

回答

相關問題