Routes Page

routes.js

import React from 'react'
import { TabNavigator, StackNavigator, TabBarBottom } from 'react-navigation';

import Splash from '../screens/Splash'
import Login from '../screens/Login'
import Home from '../screens/Home'
import Weather from '../screens/Weather'
import Details from '../screens/Details'
import Average from '../screens/Average'
import AverageGraph from '../screens/AverageGraph'
import Savings from '../screens/Savings'

export const externalStack = StackNavigator(
    {
        Splash: { screen: Splash },
        Login: { screen: Login },
    },{
        headerMode: 'none',
        initialRouteName: 'Splash',
        transitionConfig: () => ({
            transitionSpec: {
              duration: 0
            }})
    })

export const internalStack = StackNavigator(
    {
        Home: { screen: Home },
        Weather: { screen: Weather },
        Details: { screen: Details },
        Average: { screen: Average },
        AverageGraph: { screen: AverageGraph },
        Savings: { screen: Savings }
    },{
        initialRouteName: 'Home',
        transitionConfig: () => ({
            transitionSpec: {
              duration: 0
            }})
    })

export const mainStack = StackNavigator(
    {
        external: { screen: externalStack },
        internal: { screen: internalStack },
    },{
        headerMode: 'none',
        initialRouteName: 'external',
        transitionConfig: () => ({
            transitionSpec: {
                duration: 0
            }})
    })



export default mainStack