react-native - 有没有办法隐藏标签导航器的默认屏幕，使其不会出现在 react-native 的底部标签中？

Question

所以在 react-native 中，我想要的是这样的项目 UI：

屏幕 A 包含（标签 B、标签 C、标签 D），每个标签导航到自己的屏幕。

每个屏幕 B、C、D 都包含（选项卡 B、选项卡 C、选项卡 D），并且它们使用另一个按钮导航回屏幕 A。

我不确定如何不让屏幕 A 出现在底部选项卡中。

我正在尝试做这样的事情：

    <BottomTab.Navigator
      initialRouteName="A"
      tabBarOptions={{ activeTintColor: Colors[colorScheme].tint }}>

      <BottomTab.Screen
        name="B"
        component={B}
        options={{
          tabBarIcon: ({ color }) => <TabBarIcon name="ios-code" color={color} />,
        }}
      />
      <BottomTab.Screen
        name="C"
        component={C}
        options={{
          tabBarIcon: ({ color }) => <TabBarIcon name="ios-code" color={color} />,
        }}
      />
      <BottomTab.Screen
        name="D"
        component={D}
        options={{
          tabBarIcon: ({ color }) => <TabBarIcon name="ios-code" color={color} />,
        }}
      />
    </BottomTab.Navigator>

但是没有办法以这种方式显示A。

标签： react-native