使用Ionic选项卡进行操作

Question

当你有一个图标和一个文字时，我真的很喜欢Ionic 3中Tabs的风格：

https://ionicframework.com/docs/components/#tabs-icon-text

然而，在我使用的应用程序中，我有4个动作。例如，打开相机，打开谷歌地图等。而这个我希望在这种风格的页面底部显示。

我怎样才能实现这一点，因为这不是Tabs的真正目的，因为我没有找到类似的组件。

Answer 1

就像你在the Tab docs中看到的那样：

  

有时您可能想要调用方法而不是导航到新方法   页。您可以使用(ionSelect)事件来调用班级中的方法   选择选项卡时。

<ion-tabs>
  <ion-tab (ionSelect)="chat()" tabTitle="Show Modal"></ion-tab>
</ion-tabs>

然后

export class Tabs {
  constructor(public modalCtrl: ModalController) {}

  chat() {
    let modal = this.modalCtrl.create(ChatPage);
    modal.present();
  }
}