Navigation freeze with Ionic/vue

Ionic Framework
1

Hi everyone,

I’m currently struggling with some random navigation freezes on my Android app build with Ionic Vue. I’ve checked that I’m using onIonViewWillEnter() for lifecycle hooks. I don’t use useIonRouter but IonRouterOutlet on App.vue and useRouter on other pages… Sone children pages use IonBackButton… I read Ionic doc but can’t really understand when useIonRouter should be prefer vs useRouter ?.. is it just a matter of transitions or could it affect mobile navigation too ?

2

Hello everyone, I’m still facing the same issue, but I’ve just noticed that after making a few changes to my routes, the PWA version works very well, and the Android version does too, as long as I don’t use swipe gestures to go back.

The problem therefore seems to be the swipe gestures on Android, and I can’t quite figure out which event they’re linked to so that I can intercept or modify that event…

:white_check_mark: EDIT : problem solved by adding this code in App.vue :

const ionRouter = useIonRouter()

useBackButton(10, () => {
  const path = ionRouter.route?.value?.path

  if (path === "/") {
    App.exitApp()
    return
  }

  if (ionRouter.canGoBack()) {
    ionRouter.back()
    return
  }

  ionRouter.push("/")
})