text: import React from 'react';
  import { Platform } from 'react-native';
  import { createStackNavigator, createBottomTabNavigator } from 'react-navigation';
  
  import TabBarIcon from '../components/TabBarIcon';
  import HomeScreen from '../screens/HomeScreen';
  import LinksScreen from '../screens/LinksScreen';
  import SettingsScreen from '../screens/SettingsScreen';
  import Details from '../screens/Details';
  import Text from '../screens/Text'
  
  const config = Platform.select({
    web: { headerMode: 'screen' },
    default: {},
  });
  
  
  const DetailsStack = createStackNavigator(
    {
      Details: Details,
    },
    config
  );
  
  DetailsStack.navigationOptions = {
    tabBarLabel: 'Details',
    tabBarIcon: ({ focused }) => (
      <TabBarIcon
        focused={focused}
        name={
          Platform.OS === 'ios'
            ? `ios-information-circle${focused ? '' : '-outline'}`
            : 'md-information-circle'
        }
      />
    ),
  };
  
  DetailsStack.path = '';
  
  const HomeStack = createStackNavigator(
    {
      Home: HomeScreen,
    },
    config
  );
  
  HomeStack.navigationOptions = {
    tabBarLabel: 'Home',
    tabBarIcon: ({ focused }) => (
      <TabBarIcon
      style={{backgroundColor: '#070F3B'}}
        focused={focused}
        name={
          Platform.OS === 'ios'
            ? `ios-information-circle${focused ? '' : '-outline'}`
            : 'md-information-circle'
        }
      />
    ),
  };
  
  HomeStack.path = '';
  
  const LinksStack = createStackNavigator(
    {
      Links: LinksScreen,
    },
    config
  );
  
  LinksStack.navigationOptions = {
    tabBarLabel: 'Links',
    tabBarIcon: ({ focused }) => (
      <TabBarIcon focused={focused} name={Platform.OS === 'ios' ? 'ios-link' : 'md-link'} />
    ),
  };
  
  LinksStack.path = '';
  
  const SettingsStack = createStackNavigator(
    {
      Settings: SettingsScreen,
    },
    config
  );
  
  SettingsStack.navigationOptions = {
    tabBarLabel: 'Settings',
    tabBarIcon: ({ focused }) => (
      <TabBarIcon focused={focused} name={Platform.OS === 'ios' ? 'ios-options' : 'md-options'} />
    ),
  };
  
  SettingsStack.path = '';
  
  const tabNavigator = createBottomTabNavigator({
    HomeStack,
  });
  
  tabNavigator.path = '';
  
  export default tabNavigator;
  