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中的导航栏中的按钮填充

回答

相关问题