Ionic 2中的共享元素

Question

我刚刚开始玩Ionic，并试图了解它与原生相比的性能和灵活性。

其中一个标准用例是添加一个带滑块菜单抽屉和标签的工具栏。

当您进行Android原生开发时，您通常会将页面放入Fragments中，然后只需使用片段重新加载一些占位符，从而使工具栏和标签视图保持静态。

但是，我看到的所有Ionic示例都会在标签视图打开的每个页面中重新实现工具栏（navbar）。

例如：

<ion-tabs>
  <ion-tab [root]="page1" tabIcon="home"></ion-tab>
  ...
</ion-tabs>

然后page1将是：

<ion-header>
   <ion-navbar>
     <ion-title>TITLE</ion-title>
   </ion-navbar>
</ion-header>

<ion-content>
   Welcome to page 1
</ion-content>

此ion-header出现在每个页面上。

是否可以将标头设置为静态，以便我不需要在每个页面中重新实现它？ 我试图将它添加到选项卡模板中，但这不起作用并隐藏视图。

Answer 1

就像你在this answer看到的那样，@ mhartington（来自Ionic Team）说：

  

无法创建全局离子导航栏，因为这样做了   目的即可。为每个组件定义导航栏的重点是这样的   我们可以正确设置标题，导航栏背景颜色的动画（如果   你改变它们并动画所需的其他属性。

关于创建自定义指令以避免重复ion-navbar html代码：

  

这仍然会产生有关angular2内容投影的错误   作品。 当人们尝试这个问题时，我们会遇到几个问题   最好的答案是不要这样做。