React Native-React Navigation-如何从TabNavigator内部的组件与StackNavigator通信

Question

我有问题。也许我只是不知道它是如何工作的。我有这样的东西：

    //converting string to date object

    simpleDateFormat.parse(dateStr)

问题是我想在我的BottomTabNavigator中拥有一个StackNavigator。但是当我这样做时，将出现BottomTabNavigator。如何隐藏BottomTabNavigator，以及如何与之通信？

Answer 1

如果我对它的理解正确，那么您想要执行以下操作：

-| SwitchNavigator 
   -> Login
   -> Main
      -> BottomTabNavigator
         -> Home <configure nav options here>
            -> StackNavigator
               -> DetailMerchant
               -> DetailMenu <hide bottom nav here>
         -> Order
         -> Account

如果要执行此操作，则需要在Home中设置堆栈导航器的位置提供导航选项。

会是这样的：

const HomeStack = createStackNavigator({
  DetailMerchant: DetailMerchantScreen,
  DetailMenu: DetailMenuScreen,
});

HomeStack.navigationOptions = ({ navigation }) => {
  let tabBarVisible = true;
  if (navigation.state.index > 0) {
    tabBarVisible = false;
  }

  return {
    tabBarVisible,
  };
};