ボタンがIonic2のナビバーに埋め込まれています

Question

私は怪しいUIの問題があります。ドキュメントに記載されているように、ナビゲーションバーにボタンを追加しましたが、例のようには表示されません。これはあなたの望ましい効果を得るための最良の方法ではありません `

<ion-navbar> 
    <ion-title> 
    Location chooser 
    </ion-title> 

    <ion-buttons end> 
    <button ion-button icon-only (click)="addButtonClicked()"> 
     <ion-icon name="add"></ion-icon> 
    </button> 
    </ion-buttons> 
</ion-navbar> 

Answer 1

が、見てみましょう：

コード：そこのAndroidデバイス上でこの奇妙なパディングがありますこの悲鳴。

// class for the back button 
.back-button { 
    padding-left: 4px; 
} 

// reference to add button 
ion-header { 
    ion-navbar { 
    ion-buttons { 
     button { 
     // needed important. 
     padding-right: 4px !important; 
     } 
    } 
    } 
} 

Iはionic serveを使用してクロムの要素を検査することにより、バックボタンのクラスを決定しました。これは何を変更するかを判断する良い方法です。