Hardware back button with Ionic 4 Disable

Ionic Framework
1

Hi everyone,
How do I disable the hardware back button in android? I’ll explain. I would like the click to always remain on the same page it’s possible?
thanks

2

Have you tried this change in the app,module.ts?

IonicModule.forRoot({hardwareBackButton: false})
2 Likes
3

Maybe something like

const sub = this.platform.backButton.subscribeWithPriority(9999, () => {
  // Do nothing
});
3 Likes
4

hi yes i’ve try but not work :frowning:

5

I’ve try your solution but not work, the event not fire

6

I am looking for how to do so only the back button material shipments on a specific page without taking into account the battery

7

finally I’ve found a solution, this work!!!

ionViewDidEnter() {
    document.addEventListener("backbutton",function(e) {
      console.log("disable back button")
    }, false);
}
6 Likes
8

For me this did work, but is there a way to restore the default functionality after using this?

9

I guess unsubsribe no?

if (sub) {
   sub.unsubscribe();
}
4 Likes
10

This is not working.

There is an openen issue on github:

1 Like
11

Thanks yrrrr it worked !,
It’s been a week I was looking for such a solution.

12

This work in Ionic 4.
in app.module.ts, in the imports:
imports: [BrowserModule, IonicModule.forRoot({hardwareBackButton: false})

Thank you so much!

1 Like
13

Wahh! Thank you, It works.

14

Thanks
Worked for me.

15

Thank you! It’s working for me.

16

It is 2020 now and i’m using Ionic 5 with Angular 9.
The solution that should work
IonicModule.forRoot({hardwareBackButton: false})
Still isn’t solved and still isn’t working

The soltion with the subscription on every component also isn’t working anymore

const sub = this.platform.backButton.subscribeWithPriority(9999, () => {
  // Do nothing
});

SO that leaves us the eventlistener

ionViewDidEnter() {
    document.addEventListener("backbutton",function(e) {
      // Do nothing
    }, false);
}

This one is working fine for Android at this moment and it follows the development guidelines from Angular

I’m searching for a solution where i can add the eventlistener only ones for the complete application

1 Like