App.js

import React from 'react';
import { YellowBox } from 'react-native';
import { createStackNavigator, createAppContainer } from 'react-navigation';
import Home from './Home';
import SetRoute from './SetRoute';
import PickHolds from './PickHolds';
import ViewHolds from './ViewHolds';
import { HEADER_COLOR } from './style';

const AppNavigator = createStackNavigator({
  Home: Home,
  SetRoute: SetRoute,
  PickHolds: PickHolds,
  ViewHolds: ViewHolds
}, {
  initialRouteName: 'Home',
  defaultNavigationOptions: {
    headerStyle: {
      backgroundColor: HEADER_COLOR
    },
    headerTitleStyle: {
      color: 'white',
      fontWeight: 'bold'
    },
    headerTintColor: 'white'
  }
});

const AppContainer = createAppContainer(AppNavigator);

const App = () => {
  YellowBox.ignoreWarnings([
    'Warning: componentWillMount is deprecated',
    'Warning: componentWillUpdate is deprecated',
    'Warning: componentWillReceiveProps is deprecated'
  ]);
  return (
    <AppContainer />
  );
};

export default App;