无法导航到 BottomTabNavigator 中的另一个选项卡答案

【问题标题】：Not able to navigate to another tab in BottomTabNavigator无法导航到 BottomTabNavigator 中的另一个选项卡
【发布时间】：2020-04-06 14:03:48
【问题描述】：

我有带有 4 个选项卡的 BottomTabNavigator 我的结构如下面的屏幕截图所示。这是实现的底部标签栏下方的视图，但问题是我无法从主页/搜索选项卡导航到任何其他选项卡。另外，我尝试在<Appcontainer /> 中传递导航，如下面的代码所示，但它也不起作用。

我正在使用 react-navigation v3.11.2

有没有其他方法可以在<Appcontainer /> 中传递导航道具。或任何其他方法，以便我能够在 BootomTabs 中导航。

const Tabs = createBottomTabNavigator(
  {
    Home: {
      screen: Home,
    },
    Search: {
      screen: Search,
    },
    Add: {
      screen: () => null,
      navigationOptions: () => ({
        tabBarOnPress: async ({ navigation }) => {
          navigation.navigate('Upload');
        }
      }),
    },
    Profile: {
      screen: Profile,
    },
  },
);

export default class ParentTabs extends React.Component {
    render() {
        const { navigate } = this.props;
        return (
            <View>
                <AppContainer navigate={navigate} />
                <View>
                  <Text>My Text</Text>
                </View>
            </View>
        );
    }
}

const AppContainer = createAppContainer(Tabs);

【问题讨论】：

另外两个屏幕的确切名称是什么？
嘿，@AlexStamper 你能看一下代码吗？我更新了代码。

标签： reactjs react-native react-navigation react-navigation-bottom-tab

【解决方案1】：

navigation.navigate('Upload');

您无法导航到任何随机组件。上传应该是您的选项卡导航器中定义的路由名称。

否则，您需要在添加屏幕中触发上传逻辑

【讨论】：