ionic 2 Android標題和按鈕未在導航欄中對齊

Question

我正在使用ionic v2。我在Android中的導航欄有問題。 請看到這個圖像： https://drive.google.com/file/d/0B7NIjYwi6WIpM0I3eXJLdWlnV0k/view?usp=sharing

左側和右側的標題和按鈕不是垂直對齊。左邊的是頂部，標題在底部，左邊的按鈕在中間。

在iOS和網頁瀏覽器中，全部對齊完美。這裏是圖像：

https://drive.google.com/file/d/0B7NIjYwi6WIpcERhd1dPa3FVaDA/view?usp=sharing

這裏是我的離子V2 HTML：

<ion-header> 
    <ion-navbar color="nav_bar" class="nav_bar_style"> 

    <ion-buttons start> 
     <button ion-button clear color="nav_bar_bttn (click)="searchBttnPressed()"> 
     <ion-icon ios="ios-search" md="md-search"></ion-icon> 
     </button> 
    </ion-buttons> 

    <ion-title text-center>Main</ion-title> 

    <ion-buttons end> 
     <button ion-button clear color="nav_bar_bttn" (click)="sortBttnPressed()"> 
      <ion-icon>Sort</ion-icon> 
     </button> 
     <button ion-button clear color="nav_bar_bttn" (click)="addBttnPressed()"> 
      <ion-icon name="md-add"></ion-icon> 
     </button> 
    </ion-buttons> 
    </ion-navbar> 
</ion-header> 

<ion-content> 
    <ion-list> 
    <button ion-item *ngFor="let item of items" (click)="itemTapped($event, item)"> 
     {{item.noteId}} 
      <div class="item-note" item-right> 
       {{item.content}} 
      </div> 
    </button> 
    </ion-list> 
    <div *ngIf="selectedItem" padding> 
     You navigated here from <b>{{selectedItem.title}}</b> 
    </div> 
</ion-content> 

Answer 1

我發現解決這個一個真正哈克的方式，但嘿，它的工作原理。

只是把這個在.scss文件：

.toolbar-title-md { 
    text-align: left; 
    margin-right: 50px; 
    margin-bottom: -30px; 
} 

工具欄標題-MD是確切的文本項目。當利潤率被放置在它上面時，它似乎按照您預期的那樣進行安排。當以其他方式翻轉時，它具有與導航項目被按下（而不是模式）完全相同的定位。

我建議找到一種方法來將文本從合適的量切掉，這樣可以避免標題的開始而不是結束。