Ionic3 swipeBack not working across app

Question

I have this in my app.module.ts @NGModule imports

    BrowserModule,
IonicModule.forRoot(
  MyApp, 
  {
    //backButtonText: '',
    swipeBackEnabled: true,
    statusbarPadding: false,
  }
),

And running this in my component where I expect swipeback to work results in a 'true'

console.log('swipeback ' + this.navCtrl.swipeBackEnabled);

However neither in the browser nor in the xCode simulator nor in the ios device is the swipeback functionality working.

In terms of the possibility of the swipeBackEnabled value being overridden somewhere else in the app a project-wide search results in 0 other occurrences of the term swipeBackEnabled so it's unlikely that value is being overwritten.

Another way I've tried to debug this is by logging the following:

console.log('swipeBackEnabled ' + this.navCtrl.swipeBackEnabled);
console.log('canGoBack ' + this.navCtrl.canGoBack());
console.log('canSwipeBack ' + this.navCtrl.canSwipeBack());

This is results in true, false, false.

So canGoBack() is resulting in false even though the nav stack has a previous page and the back button is showing and returns the user to a previous page if clicked.

canSwipeBack() according to the ionic NavController documentation only returns true if swipeBackEnabled is true and canGoBack is true and since they're true/false nor true/true it understandable returns false...

Sampath Sampath · Accepted Answer · 2017-10-04T09:49:27

1

votes

You need to enable it like this:

ionicModule.forRoot(MyApp, { swipeBackEnabled: true })

Ionic3 swipeBack not working across app

1 Answers