💙 Ionic 3: Make "Back" Hardware Button return to last page (Solution)

readme.md

In your app.component.ts

import { Component } from '@angular/core';
// DON'T FORGET TO ADD 'App' ...
import { Platform, App } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';

import { HomePage } from '../pages/home/home';
import { ImageviewerPage } from '../pages/imageviewer/imageviewer';
@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  rootPage:any = HomePage;

  constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen, private app:App) {
  
    platform.ready().then(() => {
      statusBar.styleDefault();
      splashScreen.hide();

    });

    // this is where the magic happens
    platform.registerBackButtonAction(() => {

      let nav = app.getActiveNavs()[0];
      let activeView = nav.getActive();

          if (nav.canGoBack()){ //Can we go back?
              nav.pop();
          }

  });


  }


}