标题两边的离子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

来源

2017-03-02 Sam

我假设你正在使用Android作为没有xcode的版本。从文档中，它说：'开始\t定位元素在ios模式下的内容左侧，并且直接在md和wp模式下右侧'这意味着你看到的是正确的，因为它不是ios。 – Huiting

看看这里：https：//ionicframework.com/docs/v2/api/components/toolbar/Toolbar/ – Huiting

也许尝试属性'左''定位元素的所有其他元素的左侧' – Huiting

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

来源

2017-03-03 06:00:10

解决了！谢谢！ – Sam

icon-only解决了我的问题..谢谢 – Lakshay

上帝这很难找到。为什么他们通常使用“开始”，但在其他地方需要“离开”是令人困惑的，因为sh * t！ –

@varun aaruru答案是正确的。我只想补充添加hideBackButton="true"删除后退按钮

<ion-header hideBackButton="true"> 
    <ion-navbar> 
     <ion-title>trans-result</ion-title> 
    </ion-navbar> 
</ion-header>

来源

2017-12-17 02:58:29

标题两边的离子2导航栏图标

回答

相关问题