獲取所有Ionic 3頁面的相同佈局

我開始使用Ionic 3，並使用標籤啓動器佈局。作爲顯示在所有頁面上的選項卡，我想獲得佈局，例如帶有徽標，按鈕和文本的標題。獲取所有Ionic 3頁面的相同佈局

當時，我把<ion-header>從我的頁面（.html文件）移動到tabs.html，它似乎工作，但我不認爲這是好方法。

這是我tabs.html：

<ion-header> 
    <ion-navbar> 
    <ion-title>My App</ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-tabs> 
    <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home"></ion-tab> 
</ion-tabs>

順便說一句，這樣做，也有我的頭，我的內容之間沒有餘量（見截圖）

你能解釋一下我爲什麼選擇這個邊距，以及獲得佈局的最佳方式？

感謝

來源

2017-06-27 Thomas Rbt

的可能的複製[離子2 - 全球的NavBar該應用]（https://stackoverflow.com/questions/35936198/ionic-2-global-navbar-for-the-app） – sebaferreras

您可以通過獲取內容的實例並在'ionViewDidLoad'回調中調用'content.resize（）'來解決與邊距有關的問題，但這只是一個可怕的解決方法。最好的答案是隻在每頁上添加標題:) – sebaferreras

謝謝。但是當你有10頁時，它很煩人，並且頭部很複雜（按鈕，輸入，...） –

參考愛奧尼亞隊

有每一頁不同的頁眉中的一員是我們做出設計決策。在Ionic 1中，一個常見的問題是擁有一個單一的標題/導航條對於人們來說不夠靈活。你真的不能做任何動態的事情，比如改變標題顏色，動畫很難協調。

離子2處理事物的方式現在好多了。

https://forum.ionicframework.com/t/same-header-for-all-pages/75736

來源

2017-06-27 09:46:21

獲取所有Ionic 3頁面的相同佈局

回答

相關問題