Capacitor |
Save Like Follow

How to implement hardware back button in Ionic with Capacitor

Md Riyazuddin
Md Riyazuddin Verified
When running in a Capacitor or Cordova application, Ionic Framework will emit an ionBackButton event on the user presses the hardware back button. 
import { IonRouterOutlet, Platform } from '@ionic/angular';
import { App } from '@capacitor/app';

...

constructor(
  private platform: Platform,
  private routerOutlet: IonRouterOutlet
) {
  this.platform.backButton.subscribeWithPriority(-1, () => {
    if (!this.routerOutlet.canGoBack()) {
      App.exitApp();
    }
  });
}

When listening for the ionBackButton event, you can register a handler to be fired. This handler can perform actions such as quitting the app or opening a confirmation dialog with the help of code.

Tags

Ionic Angular Capacitor

Comments

Leave a Comment