0
Alles funktioniert auf der iOS-Plattform. Warum wird diese Registerkarte auf Android nicht richtig gerendert?Ionic Registerkarte wird nicht korrekt auf Android gerendert?
Ich möchte Seitenmenü + Registerkarte Design verwenden.
Fragen sind:
- Tabs Header sind teilweise sichtbar.
- Unerwünschte Abstände zwischen den Registerkarten header und embedded untergeordnete Ansicht.
Meine Systeminformationen:
- Cordova CLI: 6.4.0
- Gulp Version: CLI-Version 3.9.1
- Gulp local: Lokale Version 3.9.1
- Ionic Framework Version : 1.3.1
- Ionic CLI Version: 2.1.1
- Ionic App Lib Version: 2.1.1
- ios-deploy Version: 1.9.0
- ios-SIM-Version: 5.0.8
- Betriebssystem: Mac OS X Sierra Knoten Version: V6.2.1
Überprüfen Sie bitte das Bild unten , Sie können den Unterschied in beiden Plattformen deutlich sehen.
<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>
Zustand:
.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>