Expo Router 中的多重嵌套动态路由

问题描述 投票:0回答:2

我看过类似的帖子,但所有帖子都没有答案,我的猜测是目前不可能这就是原因。所以我想在这里直接询问目前(Expo router v3.4)是否可以实现多个嵌套动态路由,如下所示:

/catalogue/[idCatalogue]/product/[idProduct]

如果有人确定这是不可能的,如果有人可以在答案中确认这一点,我将不胜感激,这样我们就可以停止问同样的问题。或者,如果可能的话,分享答案。

提前非常感谢您。

恩里克。

react-native expo expo-router
2个回答
11
投票

我也有同样的问题。这是我在 Expo Router (v3) 中处理多个动态嵌套路由的解决方案。我希望这会有所帮助。


0
投票

这很容易实现,结构比已接受答案的存储库更简单。

我有expo-router v3.5

所以我做了这样的目录结构:

app/
  user/
    [userId]/
      product/
        [productId].tsx
    [userId].tsx

最终有一个名为

[userId]

的文件和文件夹就好了

然后在我的主要

app/_layout.tsx
我有:

<Stack.Screen name="user/[userId]" />
<Stack.Screen name="user/[userId]/product/[productId]" />

基本上就是这样。

我可以导航到

user/123
user/123/product/456

我可以通过

获取这些ID
const { userId, productId } = useLocalSearchParams();

(但我还没有尝试过它是否也可以在网络上运行)

© www.soinside.com 2019 - 2024. All rights reserved.