Для входа в систему, регистрации, забытого пароля я использую StackNavigator для навигации между экранами, затем перехожу к экрану, на котором есть вкладка 3 с различным содержимым, и я хочу перейти от вкладки к другому экрану, как я могу это сделать?
AppRouteConfig
const AppRouteConfig = createStackNavigator({
SignIn: { screen: SignIn },
SignUp: { screen: SignUp},
LoggedIn: { screen: LoggedIn },
ForgotPassword: { screen: ForgotPassword },
});
export default AppRouteConfig;
После входа в систему я вызываю экран Войдите через this.props.navigation.navigate ('LoggedIn')
export default class LoggedIn extends Component {
static navigationOptions = () => ({
header: null,
gesturesEnabled: false,
});
render() {
return (
<LoggedInTabNavigator/>
);
}
}
Затем вызывает ExploreContainer с 3 вкладками
LoggedInTabNavigator
export const ExploreTab = StackNavigator({
ExploreContainer: {screen: MapContainer},
Profile: {screen: ProfileContainer},
SavedContainer: {screen: SavedContainer},
SalaCategories:{ screen: SalaCategories}
});
const LoggedInTabNavigator = TabNavigator({
Explore: {screen: MapContainer},
Profile: {screen: ProfileContainer},
Save: {screen: SavedContainer},// i need to navigate to this screen
}, {
tabBarOptions: {
labelStyle: {
fontWeight: '600',
marginBottom: 5,
},
activeTintColor: colors.pink
},
tabBarComponent: TabBarBottom,
tabBarPosition: 'bottom',
});
export default LoggedInTabNavigator;
Так, как я могу решить эту проблему?