アンドロイドにアイコンが左右にあるnavonicbar

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でそのok。アンドロイドでこの問題は：

誰でも助けてもらえますか？

ありがとう

Answer 1

これは、アンドロイドとウィンドウの両方の仕様です。

チェックこの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