angular - formulario - Cómo navegar de la pestaña 2 a la pestaña 1 al hacer clic en el botón Atrás del dispositivo en ionic3

limpiar campos de un formulario angular

Question

Estoy siguiendo esto https://ionicframework.com/docs/components/#tabs

Después de iniciar sesión, uso esta clave para navegar a la siguiente página this.navCtrl.setRoot("tabs"); automáticamente me encuentro con las pestañas / pestañas de inicio1 seleccionadas en mis pestañas.

Tengo totalmente 5 pestañas Tab1, Tab2, Tab3, Tab4, Tab5.

La pestaña inicial1 está siendo seleccionada. Cuando navego a cualquier pestaña como Tab2 / Tab3 y hago clic en el botón Atrás del dispositivo, no puedo navegar a mi pestaña anterior.

Mi entendimiento:

Como tengo 5 pestañas, cuando se selecciona cada pestaña, se inicia una nueva pila.

Creo que tengo que navegar a Stack to Stack si es posible y, de ser así, cualquier consejo me ayudará.

Answer 1

Prueba esto:

En tabs.html

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

En pestañas.

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