首页 > 解决方案 > 反应原生导航 v5 导航到空白屏幕

问题描述

我设置了堆栈和标签导航。这里是

<NavigationContainer theme={MyTheme}>
  <Stack.Navigator>
    <Stack.Screen
      name="chooseSport"
      component={chooseSport}
      options={{ headerShown: false }}
    />
    <Stack.Screen
      name="TabScreens"
      component={TabScreens}
      options={{ headerShown: false }}
    />
    <Stack.Screen
      name="RegisterScreen"
      component={registerScreen}
      options={{ headerShown: false }}
    />
  </Stack.Navigator>
</NavigationContainer>

和标签:

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

      if (route.name === I18n.t("Home")) {
        iconName = focused ? "home" : "home-outline";
      } else if (route.name === I18n.t("Profile")) {
        iconName = focused ? "apps" : "apps-outline";
      } else {
        iconName = focused ? "newspaper" : "newspaper-outline";
      }

      return <Ionicons name={iconName} size={24} color="black" />;
    },
    tabBarActiveTintColor: "black",
    tabBarInactiveTintColor: "gray",
    
  })}
>
  <Tab.Screen
    name={I18n.t("Home")}
    component={homeScreen}
    options={{ headerShown: false }}
  />
  <Tab.Screen
    options={{ headerShown: false }}
    name={I18n.t("Activities")}
    component={activitiesScreen}
  />
  <Tab.Screen
    options={{ headerShown: false }}
    name={'Profile'}
    component={profileScreen}
  />
</Tab.Navigator>

当我转到个人资料选项卡屏幕而不是导航到 RegisterScreen 时,我无法返回,我已经尝试过:

但没有一个工作。我想返回个人资料选项卡屏幕

标签: react-nativereact-navigation

解决方案


推荐阅读