为所有Ionic 3页面获得相同的布局

Question

我开始使用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>

顺便说一下，通过这样做，我的标题和我的内容之间没有余量（见截图）

你能解释一下这个边距的原因，以及获得布局的最佳方法吗？

由于

Answer 1

参考Ionic团队成员

  

每个页面都有一个不同的标题是我们的设计决策   制作。在Ionic 1中，一个常见的问题是拥有单一的   标题/导航栏对于人来说不够灵活。你不可能   做任何动态的事情，如改变标题颜色，动画非常   难以协调。

     

现在离子2处理事物的方式要好得多。

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