Javascript 如何在React Native中创建子选项卡屏幕?

Javascript 如何在React Native中创建子选项卡屏幕?,javascript,react-native,Javascript,React Native,我有四个选项卡屏幕: Home Gallery新翻开我的帐户 主页.js return ( <Tab.Navigator screenOptions={({ route }) => ({ tabBarIcon: ({ focused, color, size }) => { let iconName; if (route.name === HomePageTitle) {

我有四个选项卡屏幕: Home Gallery新翻开我的帐户

主页.js

  return (
    <Tab.Navigator
      screenOptions={({ route }) => ({
        tabBarIcon: ({ focused, color, size }) => {
          let iconName;

          if (route.name === HomePageTitle) {
            iconName = focused ? "md-home" : "ios-home";
          } else if (route.name === TurnsPageTitle) {
            iconName = focused ? "md-calendar" : "ios-calendar";
          } else if (route.name === GalleryPageTitle) {
            iconName = focused ? "ios-images" : "ios-images";
          } else if (route.name === MyAccountTitle) {
            iconName = focused ? "md-contact" : "ios-contact";
          }

          // You can return any component that you like here!
          return <Ionicons name={iconName} size={size} color={color} />;
        },
      })}
      tabBarOptions={{
        activeTintColor: "#ff8da1",
        inactiveTintColor: "gray",

        style: {
          backgroundColor: "white",
        },
      }}>
      <Tab.Screen
        name={HomePageTitle}
        component={Home}
        options={{ title: "Home" }}
      />
      <Tab.Screen
        name={GalleryPageTitle}
        component={Images}
        options={{ title: "Gallery" }}
      />

      <Tab.Screen name={TurnsPageTitle} options={{ title: "New-turn" }}>
        {(props) => (
          <TurnType
            {...props}
            component={TurnType}
            serverDate={currentDate}
            plusMonth={plusMonth}
            phone={phone}
            name={name}
          />
        )}
      </Tab.Screen>

      

      <Tab.Screen name={MyAccountTitle} options={{ title: "MyAccount" }}>
        {(props) => (
          <MyAccount
            {...props}
            component={MyAccount}
            name={name}
            phone={phone}
          />
        )}
      </Tab.Screen>
    </Tab.Navigator>
  );
当我这样做时,当我导航到日历时,我的底部选项卡就消失了。我需要一种方法来导航到日历,而不使该选项卡在底部选项卡中可见,然后在我按下按钮时导航回新的旋转屏幕。如何做到这一点


谢谢大家!

如果您使用的是react navigation v5+,并且日历屏幕位于New turn tab的stack navigaor下,下面的内容应该会有所帮助

navigation.navigate('New-turn', { screen: 'Calendars' });

它不在New turn选项卡的堆栈导航器下,如何使日历成为New turn的子项?我只是不想在底部选项卡中看到日历,但我希望在导航到它时可以从选项卡导航器访问它,并且在日历中仍然可以看到其他底部选项卡图标创建一个包含所有与新回合相关屏幕的堆栈导航器,然后在tab.screen中为新回合选项卡分配堆栈导航器
navigation.navigate('New-turn', { screen: 'Calendars' });