Layout 获得所有3页的相同布局

我开始使用Ionic 3，并使用tabs starter布局。 作为所有页面上显示的选项卡，我希望获得布局，例如带有徽标的标题、按钮和文本

当时，我将

从我的页面（.html文件）移到了tabs.html，它似乎可以工作，但我认为这不是一个好方法

这是my 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>

我的应用程序

顺便说一句，通过这样做，我的标题和内容之间没有空白（参见屏幕截图）

你能给我解释一下为什么会有这样的空白，以及获得版面的最佳方式吗

---

感谢提及爱奥尼亚团队的一名成员

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

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

---

指爱奥尼亚团队的成员

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

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

---

您可以通过获取内容的实例，并在

ionViewDidLoad

回调中调用

content.resize（）

来解决与边距相关的问题，但这只是一个可怕的解决方法。最好的答案就是在每一页上加上标题：）谢谢。但是当你有10页的时候，标题很复杂（按钮，输入，…），我知道这很烦人，但是爱奥尼亚团队需要尽可能地保持灵活性，他们做出了这个决定。总之，这使我们能够构建具有漂亮动画和视觉效果的移动应用程序，这使我们的应用程序感觉非常自然。您可以通过获取内容实例并在

ionViewDidLoad

回调中调用

content.resize（）

，来解决与边距相关的问题，但这只是一个可怕的解决办法。最好的答案就是在每一页上加上标题：）谢谢。但是当你有10页的时候，标题很复杂（按钮，输入，…），我知道这很烦人，但是爱奥尼亚团队需要尽可能地保持灵活性，他们做出了这个决定。嗯，这让我们能够构建具有漂亮动画和视觉效果的移动应用程序，这让我们的应用程序感觉非常原生