2017-07-18 8 views
1

Ich mag den Stil des Tabs in Ionic 3, wenn Sie ein Symbol und einen Text:Verwendung ionischer Tabs für Aktionen

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

jedoch in der App Ich verwende ich habe 4 Aktionen. Öffnen Sie zum Beispiel die Kamera, öffnen Sie Google Maps und so weiter. Und das möchte ich am Ende der Seite genau in dieser Art von Stil anzeigen.

Wie kann ich dies erreichen, da dies nicht der eigentliche Zweck der Tabs ist und da ich keine ähnliche Komponente gefunden habe.

Antwort

1

Genau wie Sie in the Tab docs sehen:

Manchmal stattdessen eine Methode, die Sie wollen, können anrufen navigieren zu einer neuen Seite. Sie können das Ereignis (ionSelect) verwenden, um eine Methode für Ihre Klasse aufzurufen, wenn die Registerkarte ausgewählt ist.

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

Und dann

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

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

Dank. Wie gehe ich jetzt aber mit der Seite um, die angezeigt wird, da alle meine Tabs eine Methode aufrufen. Und momentan ist der erste hervorgehoben. – user5417542

+0

Ich habe in einer App, an der ich in der Vergangenheit gearbeitet habe, Folgendes getan: Sie könnten in diesen Registerkarten immer noch eine Seite als root festlegen, und der Inhalt könnte nur ein Bild oder ein Hilfetext sein. Wenn Sie auf jedes Tabsymbol klicken, sehen Sie immer noch etwas mit diesem Tab im Hintergrund, das Symbol wird als ausgewählt markiert und die Aktion (Öffnen der Kamera, Öffnen von Google Maps ...) wird ausgeführt. Ist es im Kontext Ihrer App sinnvoll? – sebaferreras

+1

Ok Ich werde jetzt versuchen, für jedes Element dieselbe Root-Seite zu setzen und zu versuchen, das Styling abzufangen, wenn etwas ausgewählt ist, so dass es immer gleich aussieht. :) – user5417542