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

Question

我的BottomTabNavigator具有4个选项卡，其结构如下图所示。那是实现在BottomTabBar下面的View，但是问题是我无法从Home / search选项卡导航到任何其他选项卡。另外，我尝试在<Appcontainer />中传递导航，如下面的代码所示，但它也不起作用。

我正在使用反应导航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);

Answer 1

navigation.navigate('Upload');

您不能导航到任何随机组件。上载应该是在标签导航器中定义的路线名称。

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