How to navigate from tab2 to tab1 on clicking device back button in ionic3

Question

I am following this https://ionicframework.com/docs/components/#tabs

After login i am using this key to navigate to next page this.navCtrl.setRoot("tabs"); i am automatically seen home tabs / tab1 as selected in my tabs.

I have totally 5 tabs Tab1,Tab2,Tab3,Tab4,Tab5.

Initial Tab1 is getting selected. When i navigate to any tab like Tab2/Tab3 and click on device back button i am not able to navigate to my previous Tab.

My Understanding:

Since i have 5 Tabs so when every tab is selected new stack is been initiated.

I believe i have to navigate to Stack to Stack is it possible and if so any piece of advice will help me .

Answer 1

Try this:

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

Answer 2

let tabPrv = this.tabRef.previousTab(true); //Remember pass true
if (tabPrv) this.tabRef.select(tabPrv.index);

If you pass true it will remember all previous history and if you pass false it will remember just previous tab .