reactjs - BottomTabNavigator で別のタブに移動できない

Question

下のスクリーンショットのような構造の 4 つのタブを持つ BottomTabNavigator があります。それは達成されたBottomTabBarの下のビューですが、問題はホーム/検索タブから他のタブに移動できないことです。<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);