[布局子项]：嵌套子项中不存在名为“/users/[id]”的路由：[“index”，“users/[id]”] Expo Router

Question

我正在学习和新手 Expo Router 并尝试实现选项卡，但我收到以下错误。

项目目录

app/
  (tabs)/
     users/
       [id].jsx
  _layout.jsx
  index.jsx
index.jsx

这个错误的解决办法是什么？ ？

_layout

下

(tabs)

import React from "react"
import {Tabs} from "expo-router"
    
    const TabLayout = ({params}) => {
       return (
          <Tabs>
             <Tabs.Screen name='/index' options={{headerTitle: "Home"}} />
             <Tabs.Screen name='/users/[id]' options={{headerTitle: "Users"}} />
          </Tabs>
       )
    }
    
    export default TabLayout

我尝试过更新代码库，但不起作用。我不应该得到错误。

谢谢

Answer 1

我通过从对我有用的名称中删除

/

中的

_layout.jsx

找到了解决方案。

更新了_layout.jsx

从“react”导入React 从“expo-router”导入{Tabs}

const TabLayout = ({params}) => {
   return (
      <Tabs>
         <Tabs.Screen name='index' options={{headerTitle: "Home"}} />
         <Tabs.Screen name='users/[id]' options={{headerTitle: "Users"}} />
      </Tabs>
   )
}

export default TabLayout

希望它能帮助别人。

谢谢你