React Native Expo 嵌套路由

Question

我正在开发一个 React Native Expo 项目，在尝试导航到动态路线时遇到了 React Navigation 的问题。我已经设置了路由配置，但在访问 /analytics/:id 和 /analytics/:id/requiredReAuth 等路由时，我不断遇到“不匹配的路由”错误。这是我的路线设置的简化版本：

这是两条路线：

1. "/analytics/:id"

2. "/analytics/:id/requireReAuth"

第一条路线工作正常，但第二条路线显示不匹配的路线。

_layout.js 内部：

// [id]/_layout.js 
import React from 'react';
import AnalyticsApps from '../AnalysisFirstScreen';

const ItemDetailLayout = () => {
  return (
    <AnalyticsApps />
  );
};

export default ItemDetailLayout;

以下是用户单击所需的重新身份验证然后导航到第二条路线时的第一条路线。

我尝试在我的 React Native Expo 项目中设置 React Navigation 配置来处理像

"/analytics/:id"

和

"/analytics/:id/requiredReAuth"

这样的动态路线。

Answer 1

我认为你必须将

index.js

添加到你的

[id]

文件夹中：

 - [id]
    - _layout.js
    - index.js
    - RequireReAuth
       - requireReAuth.js