react-native - 反应原生导航 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 时,我无法返回,我已经尝试过:
- navigation.navigate('个人资料')
- navigation.navigate('TabScreens', {screen: 'Profile'})
- 导航.goBack()
但没有一个工作。我想返回个人资料选项卡屏幕