React Native Expo文件路由问题：无法导航至指定路由

核心问题：路由路径错误 #

你当前使用的导航路径/(quiz)/${lesson.id}是错误的，因为(quiz)是lessons目录下的嵌套子路由，并非根路由下的独立目录。Expo Router无法识别这个错误路径，因此跳转到+not-found.tsx页面。

解决方案 #

1. 修正导航路径 #

将导航代码改为指向正确的嵌套路由路径：

router.navigate({ pathname: `/lessons/(quiz)/${lesson.id}` });

或者使用相对路径（从当前lessons/[unitId]页面出发）更简洁：

router.navigate({ pathname: `./(quiz)/${lesson.id}` });

2. 验证嵌套路由配置 #

确保lessons/_layout.tsx正确注册了(quiz)子路由：

import { Stack } from 'expo-router';

const LessonsScreenLayout = () => {
  return (
    <Stack screenOptions={{ headerShown: false }}>
      <Stack.Screen name="[unitId]" />
      <Stack.Screen name="(quiz)" /> {/* 确认该路由注册存在 */}
    </Stack>
  );
};

export default LessonsScreenLayout;

3. 检查(quiz)目录的_layout.tsx #

确保(quiz)/_layout.tsx正确配置了[lessonId]的路由：

import { Stack } from 'expo-router';

const QuizLayout = () => {
  return (
    <Stack>
      <Stack.Screen name="[lessonId]" />
    </Stack>
  );
};

export default QuizLayout;

额外注意点 #

• 带括号的目录(quiz)是Expo Router的分组路由，不会出现在最终URL中，但导航时必须完整写出目录结构（包括括号）。
• 使用相对路径./可以避免硬编码根路径，减少嵌套层级变化时的路径错误。

内容的提问来源于stack exchange，提问作者A-PSquestions