Ionic + React：单击硬件上的后退按钮后退出应用程序

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();
          } 
        } 
      });
    }
  }, []);