2017-11-02 7 views
3

ich dies ich diese Taste zur nächsten Seite navigieren bin mit https://ionicframework.com/docs/components/#tabsWie aus tab2 navigieren auf Klick-Gerät Zurück-Taste in ionic3

Nach der Anmeldung folgenden bin tab1 this.navCtrl.setRoot("tabs"); i automatisch ausgewählt Heim tabs/tab1 gesehen bin in meine Tabs.

Ich habe insgesamt 5 Tabs Tab1, Tab2, Tab3, Tab4, Tab5.

Initial Tab1 wird ausgewählt. Wenn ich zu einem Tab wie Tab2/Tab3 navigiere und auf die Zurück-Schaltfläche des Geräts klicke, kann ich nicht zu meinem vorherigen Tab navigieren.

Mein Verständnis:

Seit ich habe 5 Tabs so, wenn jeder Reiter ausgewählt neuen Stapel wird eingeleitet.

Ich glaube, ich muss zu Stack to Stack navigieren, ist es möglich, und wenn ja, wird jeder Ratschlag mir helfen.

+0

Ich denke, [previousTab (trimHistory) Funktion] (https://ionicframework.com/docs/api/components/tabs/Tabs/# previousTab) könnte helfen. Klicken Sie einfach auf die Schaltfläche Zurück und wählen Sie die vorherige Registerkarte – Duannx

+0

Wie Sie es verwenden, jedes Beispiel würde viel @Duannx helfen –

Antwort

0

Versuchen Sie folgendes:

In tabs.html

<ion-tabs #myTabs> 
    ... 
</ion-tabs> 

In tabs.ts

@ViewChild('myTabs') tabRef: Tabs; 
    constructor(public navCtrl: NavController, public platform: Platform) { 
    platform.ready().then(() => { 
     platform.registerBackButtonAction(() => { 
     let tabPrv = this.tabRef.previousTab(false);//Remember pass false 
     if (tabPrv) this.tabRef.select(tabPrv.index);//Here you go back to prv Tab 
     return false;//Make sure return false to prevent exit app 
     }) 
    }) 
    } 
Verwandte Themen