如何点击ionic3中的设备后退按钮从选项卡2导航到选项卡1

Question

我正在关注这个https://ionicframework.com/docs/components/#tabs

登录后，我使用此键导航到下一页this.navCtrl.setRoot("tabs");，我会自动看到在我的选项卡中选择的主页选项卡/tab1。

我总共有5个选项卡Tab1，Tab2，Tab3，Tab4，Tab5。

正在选择初始选项卡1。当我导航到任何选项卡(如Tab2/Tab3)并点击设备后退按钮时，我无法导航到我以前的选项卡。

我的理解：

由于我有5个选项卡，所以当每个选项卡都被选中时，新的堆栈就会被启动。

我相信我必须导航到Stack-to-Stack，如果可能的话，任何建议都会帮助我。

Answer 1

试试这个：

在tabs.html 中

<ion-tabs #myTabs>
...
</ion-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，它将只记住以前的选项卡。