ion navbar <ion-button end>在android kitkat 4.4.4中垂直显示图标
ion navbar <ion-button end>在android kitkat 4.4.4中垂直显示图标
提问于 2018-08-07 04:18:36
在使用ionic serve的浏览器中，它显示得很好。但在android kitkat设备4.4.4中，导航栏右侧(末端)的按钮是垂直显示的，而不是水平显示的。
<ion-navbar>
<ion-title>AppTitle</ion-title>
<ion-buttons end>
<button ion-button icon-only>
<ion-icon name="search"></ion-icon>
</button>
<button ion-button icon-only>
<ion-icon name="more"></ion-icon>
</button>
</ion-buttons>
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-08-07 07:10:49
出于一个我不知道的原因，标签分配的宽度小于两个按钮的大小，所以它垂直对齐它们。我发现的解决方案是分配一个大于两个按钮宽度的固定宽度。示例：(将样式放在类中是最佳实践)
完整代码：
<ion-navbar>
<ion-title>AppTitle</ion-title>
<ion-buttons end style="width: 80px! Important;">
<button ion-button icon-only>
<ion-icon name="search"></ion-icon>
</button>
<button ion-button icon-only>
<ion-icon name="more"></ion-icon>
</button>
</ion-buttons>
</ion-navbar>Stack Overflow用户
发布于 2018-08-07 05:10:11
这是一个示例标题，左右两个按钮的位置都正确。
<ion-header>
<ion-navbar>
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>Page Title</ion-title>
<ion-buttons end>
<button ion-button icon-only>
<ion-icon ios="ios-cog" md="md-cog"></ion-icon>
</button>
</ion-buttons>
</ion-navbar>
</ion-header>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51715053
复制相关文章
相似问题