reactjs - ionic + react : Exit app after click Back Button on hardware

Question

我正在使用 Ionic 和 React 开发应用程序。我找不到任何关于如何处理硬件后退按钮单击以及如何退出应用程序的文档。是否有关于此的任何文档或教程？

Answer 1

将这些导入到 App.tsx 文件中

import React, { useEffect } from "react";
import { Plugins, Capacitor } from "@capacitor/core";

创建处理后退按钮的效果

useEffect(() => {
    if (Capacitor.isNative) {
      Plugins.App.addListener("backButton", (e) => {
        if (window.location.pathname === "/") {
          // Show A Confirm Box For User to exit app or not
          let ans = window.confirm("Are you sure");
          if (ans) {
            Plugins.App.exitApp();
          } 
        } else if (window.location.pathname === "/YourFirstPageRoute") {
           // Show A Confirm Box For User to exit app or not
          let ans = window.confirm("Are you sure");
          if (ans) {
            Plugins.App.exitApp();
          } 
        } 
      });
    }
  }, []);