Ionic2中的導航欄中的按鈕填充

我有一個堰式UI問題。我在導航欄中添加了一個按鈕，就像它在文檔中提到的一樣，但它看起來不像這個例子。目前在Android設備上這個奇怪的填充：Ionic2中的導航欄中的按鈕填充

代碼： `

<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>

來源

2017-10-18 codddeer123

你期望它看起來像什麼。在「後退」按鈕或「+」按鈕或兩者上都有奇怪的填充嗎？你已經嘗試過什麼來改變它？ –

你能爲此提供一個小提琴嗎？因爲您的代碼在我的機器上按預期工作。你測試了哪個Android版本？ – Juxture

在我看來，屏幕左邊緣和後退按鈕以及右邊緣和加號按鈕之間的間距太大。我在4.2上運行它，所以也許這是一個問題？ – codddeer123

這不是得到你想要的效果，但看看最好的辦法這個sass。

// 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; 
     } 
    } 
    } 
}

我通過使用ionic serve檢查鉻中的元素來確定後退按鈕類。這是弄清楚要改變什麼的好方法。

來源

2017-10-20 01:39:54

但是，當我使用本地組件（從SQLite和存儲裝載）時，它不允許我訪問此頁面。無論如何，我會檢查它是否有效，並讓你知道。 – codddeer123

Ionic2中的導航欄中的按鈕填充

回答

相關問題