Hey Guys, do you know how to avoid in Android the hardware back button to close a modal view? Thank you.

@Corin , do this in your modal component: constructor(params: NavParams, platform:Platform, viewCtrl: ViewController) { // ... platform.registerBackButtonAction(() => { // Just left empty and the modal will not be dismissed // If need to dismiss, just do: viewCtrl.dismiss(); }); // ... } Working in…

Right now, this is very closed off and not possible. We are working on opening up the APIs needed to make this possible though.

Well, this works for the modal but unfortunately the hardware back button isn’t working anywhere else in the app. Or did i get it wrong?

Maybe you’ll need to de-register the action someway. Probably in the function that is called to dismiss the modal.

[image] How to hold back twice to exit ionic-v3 Well, now it doesn’t set this.lastBack in order to prevent the app from being closed when the back button is being spammed, because of the returns wink Edit: Cleaned it up and using this myself now platform.registerBackButt…

Well, according to the API documentation for Platform service: registerBackButtonAction(fn, priority) … Returns: Function A function that, when called, will unregister the back button action. So in your modal public unregister: any; constructor (...){ this.unregister=platform.registerBackB…

[image] mich356c: const overlay = this.app._appRoot._overlayPortal.getActive(); const nav = this.app.getActiveNav(); if(overlay && overlay.dismiss) { overlay.dismiss(); } else if(nav.canGoBack()){ nav.pop(); } else if(Date.now() - this.lastBack > 500 Helpful . it is closing overlay bu…

ViewController is not working in app.component.ts . now what to do ? should i write that backbutton code in other file ?

Doesn’t work because the ViewController object that is passed to constructor of app.components is different from that you expect. Like I said in my response, the function must be declared in the Modal component to viewCtrl.dissmis() work as you expect. The Platform.registerBackButtonAction() works…

How to avoid the hardware back button to close a modal view in Android?

Ionic Framework ionic-v3

mich356c September 15, 2017, 3:25pm 9

This might be of use

Topic		Replies	Views
Modal not closed by hardware back button ionic-v3	12	6693	September 19, 2018
How to properly handle back button to a Modal on Ionic ionic-v3	6	3805	July 19, 2017
Close modal , toast, alert if android device back button clicked ionic-v3	3	1885	December 21, 2017
Remove overlay on Hardware back button ionic-v3	3	1844	February 28, 2018
How To Prevent hardware back button to close ionic Modal Ionic Angular	4	5483	May 22, 2020

How to avoid the hardware back button to close a modal view in Android?

Related topics