使用离子标签进行操作

Question

当你有一个图标和一个文本时，我真的很喜欢 Ionic 3 中选项卡的风格：

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

但是在我使用的应用程序中，我有 4 个操作。比如打开相机，打开谷歌地图等等。我想以这种风格在页面底部显示。

我怎样才能做到这一点，因为这不是选项卡的真正目的，而且我还没有找到类似的组件。

Answer 1

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

有时你可能想调用一个方法而不是导航到一个新的 页。你可以使用(ionSelect) 事件来调用你的类的方法 选择选项卡时。​​ p>

<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();
  }
}