标题两边的离子2导航栏图标
问题描述:
我试图在标题位于中心的离子标题的每一边添加两个图标,但它总是以右侧的两个图标结束。标题两边的离子2导航栏图标
这是我的代码
<ion-header>
<ion-navbar color="primary">
<ion-buttons start>
<button ion-button icon-only><ion-icon name="chatboxes"></ion-icon></button>
</ion-buttons>
<ion-title>Title</ion-title>
<ion-buttons end>
<button ion-button icon-only><ion-icon name="notifications"></ion-icon></button>
</ion-buttons>
</ion-navbar>
</ion-header>
导致这个头:
我无法弄清楚,尝试不同类型的教程,并试图复制他们的榜样,而不任何成功。它背后也没有任何风格,所以没有什么东西可以搞乱布局。感觉就像这个版本的Ionic或其他东西中的“开始”元素一样。有人能找到正确的方向吗?
这是我的输出运行 “离子信息” 时:
Your system information:
ordova CLI: 6.5.0
Ionic Framework Version: 2.1.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.1.3
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v6.9.5
Xcode version: Not installed
答
我用left
就地start
检查这个plunker
<ion-header>
<ion-navbar color="primary">
<ion-buttons left>
<button ion-button icon-only>
<ion-icon name="chatboxes"></ion-icon>
</button>
</ion-buttons>
<ion-title>Title</ion-title>
<ion-buttons right>
<button ion-button icon-only><ion-icon name="notifications"></ion-icon></button>
</ion-buttons>
</ion-navbar>
</ion-header>
答
@varun aaruru答案是正确的。我只想补充添加hideBackButton="true"
删除后退按钮
<ion-header hideBackButton="true">
<ion-navbar>
<ion-title>trans-result</ion-title>
</ion-navbar>
</ion-header>
我假设你正在使用Android作为没有xcode的版本。从文档中,它说:'开始\t定位元素在ios模式下的内容左侧,并且直接在md和wp模式下右侧'这意味着你看到的是正确的,因为它不是ios。 – Huiting
看看这里:https://ionicframework.com/docs/v2/api/components/toolbar/Toolbar/ – Huiting
也许尝试属性'左''定位元素的所有其他元素的左侧' – Huiting