Ionic2左側和右側圖標導航欄

Question

<ion-header> 
    <ion-navbar align-title="center" color="primary" hideBackButton> 
     <ion-buttons ion-button icon-only start class="card-buttons"> 
      <button class="card-buttons" (tap)="openMenu()"> 
       <ion-icon name="menu"></ion-icon> 
      </button> 
     </ion-buttons> 

     <ion-title class="card-title">   
      {{title | translate}} 
     </ion-title> 
     <ion-buttons ion-button icon-only end> 
      <button ion-button (tap)="goBack()"> 
       <ion-icon name="md-arrow-round-back"></ion-icon> 
      </button> 
      <button ion-button (tap)="share()"> 
       <ion-icon name="share" class="ion-md-share"></ion-icon> 
      </button> 
     </ion-buttons> 
    </ion-navbar> 
</ion-header> 

菜單圖標應顯示爲左側，但顯示爲正確。在iOS上，它確定。在Android是這個問題：

任何人都可以幫忙嗎？

謝謝

Answer 1

這是設計兩個Android和Windows。

入住這github issue

start它的地方在標題的左邊在iOS和在MD和WP模式標題的右側。如果您希望某個按鈕始終位於左側，而不考慮模式，請改用left屬性。

嘗試：

<ion-header> 
    <ion-navbar align-title="center" color="primary" hideBackButton> 
     <ion-buttons icon-only left class="card-buttons"> 
      <button ion-button class="card-buttons" (tap)="openMenu()"> 
       <ion-icon name="menu"></ion-icon> 
      </button> 
     </ion-buttons> 

     <ion-title class="card-title">   
      {{title | translate}} 
     </ion-title> 
     <ion-buttons icon-only right> 
      <button ion-button (tap)="goBack()"> 
       <ion-icon name="md-arrow-round-back"></ion-icon> 
      </button> 
      <button ion-button (tap)="share()"> 
       <ion-icon name="share" class="ion-md-share"></ion-icon> 
      </button> 
     </ion-buttons> 
    </ion-navbar> 
</ion-header> 

還要檢查here