標題兩邊的離子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導航欄圖標

回答

相關問題