我目前第一次使用expo和expo-router，有一个关于默认返回导航的问题。我的意思是，例如在Google Pixel上从屏幕左边缘向中间滑动。这将触发我的堆栈导航器上的返回导航。
在我之前的React Navtive CLI和React Navigation项目中，我可以通过向导航属性的“beforeRemove”事件添加事件侦听器来防止这种情况。
我怎样才能用expo-router实现这一点？我按照他们的指示构建了一个CustomStack navigator，并希望我可以通过这种方式访问“导航”。我的代码基本上看起来像这样：

CustomStack.tsx

import { createStackNavigator, StackNavigationOptions } from "@react-navigation/stack";
import { withLayoutContext } from "expo-router";

const { Navigator } = createStackNavigator();

export const CustomStack = withLayoutContext<StackNavigationOptions, typeof Navigator>(Navigator);

_layout.tsx

import { Stack } from "expo-router";
import { CustomStack } from "./CustomStack";

export default function RootLayout() {
return (
    <CustomStack>
        <Stack.Screen name="Home" />
        <Stack.Screen name="About" />
// ...
    </CustomStack>
  );
}

关于.tsx

import type { StackScreenProps } from "@react-navigation/stack";
import { useEffect } from 'react';

export default function About({ navigation }: StackScreenProps<{}>) {

useEffect(() => {
   navigation.addListener('beforeRemove', (e) => {
        e.preventDefault();
        Alert.alert(
          'Changes might be lost',
          'Really want to go back?',
          [
            { text: "Cancel", style: 'cancel', onPress: () => { } },
            {
              text: "Yes",
              style: 'destructive',
              onPress: () => navigation.dispatch(e.data.action),
            },
          ]
        );
      };
    });
  }, [navigation]);

在我的RN CLI应用程序中没有TypeScript，About.jsx中的useEffect可以工作。我可能把类型搞砸了吗？我第一次在RN中使用TypeScript，并遵循了this documentation。
我真的很喜欢expo-router的方法，它根据我的文件定义我的导航路线，以及将布局文件添加到我的文件夹的可能性。所以如果有人能解释如何在仍然能够使用expo-router的情况下防止默认的返回导航，那将是令人惊讶的。
谢谢你的帮助
托马斯
我尝试使用navigation属性来附加事件并防止默认的返回导航。我创建了一个CustomStack导航器并根据文档导入了所有类型。我希望我可以在我的功能组件中访问navigation属性并添加事件侦听器。然而，该属性未定义。