React Native Navigation中如何让非Tab页面访问TabNavigator

你提的两个诉求都有对应的实现方案，且均不需要额外新增导航器： #

方案1：将D设置为TabNavigator的隐藏元素（推荐） #

直接把D页面注册为现有BottomTabNavigator的子页面，通过配置禁用底部标签的渲染，即可实现D不在底部栏展示、但属于同一导航器的效果，D页面可以直接调用导航接口跳转到a/b/c页面。
示例配置代码如下：

import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
const Tab = createBottomTabNavigator();

function RootTabNavigator() {
  return (
    <Tab.Navigator initialRouteName="a">
      {/* 原有三个底部可见标签 */}
      <Tab.Screen name="a" component={AScreen} />
      <Tab.Screen name="b" component={BScreen} />
      <Tab.Screen name="c" component={CScreen} />
      {/* 新增隐藏的D页面 */}
      <Tab.Screen
        name="d"
        component={DScreen}
        options={{
          // 核心配置：不渲染底部标签按钮，完全不在底部栏展示
          tabBarButton: () => null,
          // 可按需配置是否展示顶部header、返回按钮等
          headerShown: true
        }}
      />
    </Tab.Navigator>
  );
}

使用方式：

• 在A页面直接调用navigation.navigate('d')即可进入D页面
• 在D页面直接调用navigation.navigate('a')/navigation.navigate('b')/navigation.navigate('c')即可跳转到底部标签页

方案2：D无需注册到TabNavigator，直接调用全局导航跳转 #

如果不想把D加入Tab导航器的路由列表，只要D页面处于同一个NavigationContainer的包裹范围内，就可以直接调用导航接口跳转到Tab导航器下的a/b/c页面，不需要做额外配置。
该方案仅适用于D页面本身已经注册到项目根导航体系内的场景，跳转逻辑和方案1完全一致。 #

方案对比 #

优先选择方案1，完全复用现有BottomTabNavigator的上下文，参数传递、导航状态同步、返回逻辑都不需要额外处理，代码冗余度极低。

内容的提问来源于stack exchange，提问作者figbar