使用离子选项卡进行操作

Question

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

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

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

我如何实现这一点，因为这不是选项卡的真正目的，而且因为我还没有找到类似的组件。

Answer 1

就像您在 Tab 文档中看到的那样：

有时您可能希望调用一个方法，而不是导航到一个新的 页。可以使用(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();
}
}