message: Configured navigator and scenes
diff: -/**
  - * Sample React Native App
  - * https://github.com/facebook/react-native
  - *
  - * @format
  - * @flow
  - */
  +import React from 'react';
  +import {StateNavigator} from 'navigation';
  +import {NavigationHandler} from 'navigation-react';
  +import {addNavigateHandlers, Scene} from 'navigation-react-native';
  +import Direction from './Direction';
  -import React, {Component} from 'react';
  -import {Platform, StyleSheet, Text, View} from 'react-native';
  +const stateNavigator = new StateNavigator([
  + {key: 'north', title: 'North', trackCrumbTrail: true},
  + {key: 'east', title: 'East', trackCrumbTrail: true},
  + {key: 'south', title: 'South', trackCrumbTrail: true},
  + {key: 'west', title: 'West', trackCrumbTrail: true},
  +]);
  -const instructions = Platform.select({
  - ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu',
  - android:
  - 'Double tap R on your keyboard to reload,\n' +
  - 'Shake or press menu button for dev menu',
  -});
  +const { north, east, south, west } = stateNavigator.states;
  +north.renderScene = () => <Direction direction="North" color="blue" />;
  +east.renderScene = () => <Direction direction="East" color="red" />;
  +south.renderScene = () => <Direction direction="South" color="green" />;
  +west.renderScene = () => <Direction direction="West" color="black" />;
  -type Props = {};
  -export default class App extends Component<Props> {
  - render() {
  - return (
  - <View style={styles.container}>
  - <Text style={styles.welcome}>Welcome to React Native!</Text>
  - <Text style={styles.instructions}>To get started, edit App.js</Text>
  - <Text style={styles.instructions}>{instructions}</Text>
  - </View>
  - );
  - }
  -}
  +stateNavigator.navigate('north');
  +addNavigateHandlers(stateNavigator);
  -const styles = StyleSheet.create({
  - container: {
  - flex: 1,
  - justifyContent: 'center',
  - alignItems: 'center',
  - backgroundColor: '#F5FCFF',
  - },
  - welcome: {
  - fontSize: 20,
  - textAlign: 'center',
  - margin: 10,
  - },
  - instructions: {
  - textAlign: 'center',
  - color: '#333333',
  - marginBottom: 5,
  - },
  -});
  +export default ({crumb}) => (
  + <NavigationHandler stateNavigator={stateNavigator}>
  + <Scene crumb={crumb} />
  + </NavigationHandler>
  +);
  