我太懂你遇到的这个麻烦了！之前在做Expo项目的时候也踩过这个坑——明明只想让特定页面是透明模态框，结果点个跳转链接，新页面也变成模态框弹出来，完全不是想要的效果。其实问题出在路由布局的配置继承上，下面给你几个实用的解决办法，你可以根据自己的项目结构选：

办法一：跳转时手动指定页面展示方式 #

这是最直接的临时解决方案，不管用Link还是router.push，都可以在跳转时强制覆盖模态框的配置，让新页面以默认的卡片形式打开：

用Link组件的写法 #

import { Link } from 'expo-router';

<Link
  href="/your-target-page"
  screenOptions={{ presentation: 'card' }} // 强制指定为默认卡片展示
>
  点击跳转到正常页面
</Link>

用router.push的写法 #

import { router } from 'expo-router';
import { Pressable, Text } from 'react-native';

const handleNavigate = () => {
  router.push('/your-target-page', {
    screenOptions: {
      presentation: 'card',
      headerShown: true // 按需设置是否显示页面头部
    }
  });
};

// 在交互组件中调用跳转逻辑
<Pressable onPress={handleNavigate}>
  <Text>跳转到正常页面</Text>
</Pressable>

办法二：给正常页面单独配置路由布局（推荐长期方案） #

核心思路是把模态框页面和正常页面分成不同的路由组，各自使用独立的_layout.tsx配置，从根源上避免配置继承的问题：

1. 调整你的路由结构，示例如下：

app/
├── (modal)/          # 模态框页面专属路由组
│   ├── _layout.tsx   # 这里配置透明模态框规则
│   └── your-modal-page.tsx
├── (main)/           # 正常页面路由组
│   ├── _layout.tsx   # 这里配置默认的卡片展示规则
│   └── your-normal-page.tsx
└── _layout.tsx       # 根布局仅做基础路由嵌套

2. 配置(modal)/_layout.tsx：

import { Stack } from 'expo-router';

export default function ModalLayout({ children }: { children: React.ReactNode }) {
  return (
    <Stack
      screenOptions={{
        headerShown: false,
        presentation: 'transparentModal',
      }}
    >
      {children}
    </Stack>
  );
}

3. 配置(main)/_layout.tsx：

import { Stack } from 'expo-router';

export default function MainLayout({ children }: { children: React.ReactNode }) {
  // 使用默认的card展示方式，也可按需自定义头部样式
  return <Stack screenOptions={{ presentation: 'card', headerShown: true }}>{children}</Stack>;
}

4. 根_layout.tsx仅做路由嵌套：

import { Stack } from 'expo-router';

export default function RootLayout() {
  return <Stack>{children}</Stack>;
}

这样配置后，(modal)组下的页面会以透明模态框展示，(main)组下的页面都是正常的卡片式展示，互相不会影响，跳转时也不用每次手动设置参数，非常省心。

最后提醒几个小细节 #

• 确保你使用的是Expo Router v2及以上版本，上面的配置对该版本及后续版本完全兼容；
• 有时候Expo的缓存会导致配置不生效，遇到这种情况可以重启开发服务器，或者清除项目缓存；
• 一定不要在根_layout.tsx里直接设置presentation: 'transparentModal'，不然所有路由页面都会默认继承模态框规则——这就是你现在遇到问题的根源哦！

如果还有不清楚的地方，随时说，我再给你细化~