fix: hardware back button issue

akmalhisyammm · Dec 7, 2021 · 6cdc324 · 6cdc324
1 parent 3e49bcd
commit 6cdc324
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 2 deletions.
diff --git a/android/app/src/main/java/id/ac/umn/ionic/klikdarurat/MainActivity.java b/android/app/src/main/java/id/ac/umn/ionic/klikdarurat/MainActivity.java
@@ -4,6 +4,7 @@
 import android.os.Bundle;
 import android.webkit.WebSettings;
 
+import com.capacitorjs.plugins.app.AppPlugin;
 import com.capacitorjs.plugins.camera.CameraPlugin;
 import com.capacitorjs.plugins.geolocation.GeolocationPlugin;
 import com.capacitorjs.plugins.splashscreen.SplashScreenPlugin;
@@ -53,6 +54,7 @@ public void onCreate(Bundle savedInstanceState) {
         this.init(savedInstanceState, new ArrayList<Class<? extends Plugin>>() {{
             // Additional plugins you've installed go here
             // Ex: add(TotallyAwesomePlugin.class);
+            add(AppPlugin.class);
             add(CameraPlugin.class);
             add(GeolocationPlugin.class);
             add(SplashScreenPlugin.class);

diff --git a/android/build.gradle b/android/build.gradle
@@ -7,7 +7,7 @@ buildscript {
         jcenter()
     }
     dependencies {
-        classpath 'com.android.tools.build:gradle:4.2.1'
+        classpath 'com.android.tools.build:gradle:7.0.3'
         classpath 'com.google.gms:google-services:4.3.5'
 
         // NOTE: Do not place your application dependencies here; they belong

diff --git a/android/gradle/wrapper/gradle-wrapper.properties b/android/gradle/wrapper/gradle-wrapper.properties
@@ -1,5 +1,5 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-7.0-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-7.0.2-all.zip
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
diff --git a/src/App.tsx b/src/App.tsx
@@ -2,6 +2,7 @@ import { useEffect } from 'react';
 import { IonApp, IonSplitPane } from '@ionic/react';
 import { IonReactRouter } from '@ionic/react-router';
 import { SplashScreen } from '@capacitor/splash-screen';
+import { App as CapacitorApp } from '@capacitor/app';
 
 import Routes from 'components/routes/Routes';
 import SideMenu from 'components/SideMenu';
@@ -26,6 +27,10 @@ import '@ionic/react/css/display.css';
 import 'theme/variables.css';
 import 'theme/customTheme.css';
 
+CapacitorApp.addListener('backButton', ({ canGoBack }) => {
+  !canGoBack ? CapacitorApp.exitApp() : window.history.back();
+});
+
 const App: React.FC = () => {
   useEffect(() => {
     setTimeout(() => {