Navigation for React Native

Easy-to-Use Navigators

Start quickly with built-in navigators that deliver a seamless out-of-the box experience.

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

const BasicApp = StackNavigator({
  Main: {screen: MainScreen},
  Profile: {screen: ProfileScreen},
});

Components built for iOS and Android

Navigation views that deliver 60fps animations, and utilize native components to deliver a great look and feel.

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

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

Routers built for the future

Routers define the relationship between URIs, actions, and navigation state. Share navigation logic between mobile apps, web apps, and server rendering.