如何在單擊ionic3中的設備后退按鈕時從tab2導航到tab1

Question

我正在關注這個https://ionicframework.com/docs/components/#tabs

登錄后，我使用此鍵導航到下一頁this.navCtrl.setRoot("tabs"); 我會自動看到在我的選項卡中選擇的主頁選項卡/選項卡 1。

我總共有 5 個標簽 Tab1、Tab2、Tab3、Tab4、Tab5。

初始 Tab1 被選中。 當我導航到 Tab2/Tab3 之類的任何選項卡並單擊設備后退按鈕時，我無法導航到我以前的選項卡。

我的理解：

因為我有 5 個標簽，所以當每個標簽被選中時，新的堆棧就會被啟動。

我相信我必須導航到 Stack to Stack 是否有可能，如果有的話，任何建議都會對我有所幫助。

Answer 1

試試這個：

在 tabs.html

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

在 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);

如果您傳遞 true 它將記住所有以前的歷史記錄，如果您傳遞 false 它只會記住上一個 tab 。