I want to do a simple task: after a successful login redirect the user to his home page. I use react-navigation's StackNavigator
for that purpose:
// App.jsclass App extends Component { render() { return (<RootStack />); }}const RootStack = createStackNavigator( { Login: { screen: Login, navigationOptions: { header: null }}, Home: { screen: Home, navigationOptions: { header: null }} }, { initialRouteName: 'Root' })
How do I prevent user from returning to Login screen after login? To prevent use back button in android, I would use this one:
// Home.jsimport React, { Component} from 'react';import { ... , BackHandler } from 'react-native';class Home extends Component { constructor(props) { super(props); BackHandler.addEventListener('hardwareBackPress', this.onBackButtonPressAndroid); } onBackButtonPressAndroid = () => { return true; }}
But doing this way, I disable back button at all. Is there another way to achieve the goal?