Example of Navigation between views in React Native Android?

Question

After check the React Native documentation, I still don\'t understand the best way to create views and navigate between different components.

I don\'t want to use an

Answer 1

I suggest you use react-navigation you can take a look to the Navigator Playground example

• Components built for iOS and Android
• Choose between TabNavigator, DrawerNavigator and StackNavigator.
• Implement your CustomNavigator
• Develop your own navigation views
• Share logic between mobile apps, web apps with server rendering.
• Documentation is pretty straighforward
• It is redux integrated.
• It is super easy!
• Will become the official navigator suggested by react-native!

Install navigation module.

npm install --save react-navigation

Import it in your app

import {
  TabNavigator,
} from 'react-navigation';

const BasicApp = TabNavigator({
  Main: {screen: MainScreen},
  Setup: {screen: SetupScreen},
});

...and navigate

class MainScreen extends React.Component {
  static navigationOptions = {
    label: 'Home',
  };
  render() {
    const { navigate } = this.props.navigation;
    return (
       navigate('Setup')}
      />
    );
  }
}