从堆栈页面导航到选项卡页面

Question

我的底部标签中有4个堆栈屏幕；

const BottomTabNavigator = createBottomTabNavigator(
  {
    Home: {
      screen: HomeStack,
    },
    Search: {
      screen: SearchStack,
    },
    Cart: {
      screen: CartStack,
    },
    Account: {
      screen: AccountStack,
    },
  });

const HomeStackNavigator = createStackNavigator(
  {
    HomeStack: {
      screen: BottomTabNavigator,
      navigationOptions: {
        header: null,
      },
    },
    ProductDetail: {
      screen: ProductDetailScreen,
      navigationOptions: ({navigation}) => ({
        header: null,
      }),
  });

在HomeStack中，我可以访问产品详细信息页面并将其添加到购物车并导航到CartStack。但是，当我单击“后退”按钮时，它会返回到HomeStack。相反，我想转到产品详细信息屏幕。

如果从Tab Navigator中访问了CartStack，则应按回去主屏幕，现在可以正常工作了。如果从产品详细信息页面访问了CartStack，则从CartStack的后退按钮应导航到产品详细信息页面。