Cordova 底部的离子3静态菜单，不使用选项卡组件或自定义组件

我正在使用Ionic 3构建一个android应用程序。我有一个要求，请张贴你的建议

我需要在所有屏幕的底部有静态菜单（类似于选项卡组件）。我知道我可以创建一个自定义组件并将其放置在所有html模板中。但当我使用自定义组件时，它会随着每次页面加载而重新加载，因为它位于每个html模板中。我不想在每次加载页面时都重新加载菜单。在所有页面之外，它应该是静态的。仅应根据菜单单击加载页面

此要求类似于选项卡组件。我尝试了Tabs组件，但问题是我不能按照我的要求设计带有自定义按钮和带有一些其他内容的图像以及菜单按钮的选项卡布局

---

请发表你的建议来解决这个问题。提前感谢。

如果您使用的是Ionic NavController（默认设置），则您的

App.component.html

ion nav将用您声明的

root

组件以及您使用NavController在NavStack上推送的任何内容替换其内容

最简单的解决方案是将自定义组件放在标签旁边：

///app.component.html
<ion-nav root=[rootPage]></ion-nav>
<ion-footer>
    <your-custom-menu></your-custom-menu>
</ion-footer>

///app.component.html

（ion footer只是让它粘在底部）

如果您在ion nav标签旁边放置了一些内容，则当您导航时，它将位于navstack at的外部，不会被替换

请记住，如果您计划使用ionic

ModalController

中的模态，则这些模态可以位于App.component的顶部并将其隐藏

---

阅读有关

离子导航

和

离子标签

的信息：

可能使用页脚或一些技巧

将所有页面从幻灯片菜单添加到选项卡页面 对于不想显示图标选项卡的页面，请使用*ngfor和show=“false” 在app.component.ts中，而不是使用这个.nav.setRoot（mypage）；

---

使用一些功能从诸如爱奥尼亚论坛中的链接之类的选项卡加载页面。

您可以在

app.html