How to define all your routes in one place to avoid things getting messy

routes.js

import { Navigator } from 'react-native'

export default {
  component1: (order = null) => ({
    component: require('./components/component1').default,
  }),
  component2: (prop1) => ({
    component: require('./components/component2').default,
    passProps: { prop1: prop1 },
    sceneConfig: Navigator.SceneConfigs.FloatFromRight,
  })
}