text: import React from 'react'
  import { createBottomTabNavigator,
  createSwitchNavigator, createStackNavigator} from 'react-navigation'
  import Icon from 'react-native-vector-icons/FontAwesome'
  import Feed from './screens/Feed'
  import AddPhoto from './screens/AddPhoto'
  import Profile from './screens/Profile'
  import Login from './screens/Login'
  import Register from './screens/Register'
  
  const authRouter = createStackNavigator ({
      Login: { screen: Login, navigationOptions: {title: 'Login'}},
      Register: {screen: Register, navigationOptions: {title: 'Register'}}
  },{ 
      initialRoutName: 'Login'
  })
  
  const loginOrProfileRouter = createSwitchNavigator({
      Profile: Profile,
      Auth: authRouter
  },{ 
      initialRoutName: 'Auth'
  })
  
  
  
  const MenuRoutes = {
      Feed: {
          name: 'Feed',
          screen: Feed,
          navigationOptions: {
              title: 'Feed',
              tabBarIcon: ({ tintColor }) =>
               <Icon name='home' 
              size={30} color={tintColor} />
          }
      },
      Add: {
          name: 'AddPhoto',
          screen: AddPhoto,
          navigationOptions: {
              title: 'Add Picture',
              tabBarIcon: ({ tintColor }) =>
               <Icon name='camera' 
              size={30} color={tintColor} />
          }
      },
      Profile: {
          name: 'Profile',
          screen: loginOrProfileRouter,
          navigationOptions:{
              title: 'login',
              tabBarIcon: ({ tintColor }) =>
              <Icon name='user' 
             size={30} color={tintColor} />
          }
      }
  
  }
  
  const MenuConfig = {
      initialRoutName: 'Feed',
      tabBarOptions: {
          showLabel: false,
      }
  }
  
  const MenuNavigator = createBottomTabNavigator(MenuRotes,MenuConfig)
  export default MenuNavigator