如何在博览会中隐藏底部导航栏的标签？

Question

应用程序中有三个主要页面，我想在家庭路线中嵌套一些标签。我希望底部的导航栏可以显示房屋，测试和设置。但是，如果我在主文件夹内嵌套路线，则在导航栏中显示嵌套的文件。我该如何隐藏？我添加了

tabBarShowLabel: false

属性来试图隐藏它，但是尽管重新启动应用程序以应用更改，但它仍行不通。还有其他方法吗？

export default function TabsLayout() {
  return (
    <Tabs screenOptions={{ tabBarActiveTintColor: "#404ae3" }}>
      <Tabs.Screen
        name="home/index"
        options={{
          title: "Home",
          tabBarIcon: ({ color }) => <FontAwesome name="home" size={28} color={color} />,
        }}
      />
      <Tabs.Screen
        name="tests/index"
        options={{
          title: "Tests",
          tabBarIcon: ({ color }) => <FontAwesome name="pencil" size={28} color={color} />,
        }}
      />
      <Tabs.Screen
        name="settings/index"
        options={{
          title: "Settings",
          tabBarIcon: ({ color }) => <FontAwesome name="cog" size={28} color={color} />,
        }}
      />
      <Tabs.Screen name="home/course/[id]" options={{ tabBarShowLabel: false }} />
    </Tabs>
  );
}

<Tabs.Screen
    name="news"
    options={{
        href: null
    }} 
/>

Answer 1