HomeNavigator.js

import { TabNavigator } from 'react-navigation';
import HomeScreen from '../screens/players';
import NotificationScreen from '../screens/notifications/NotificationScreen';
import ProfileScreen from '../screens/profile/ProfileScreen';
import GroupsScreen from '../screens/groups/GroupsScreen';

import Colors from '../constants/Colors';

export default TabNavigator({
    Home: { screen: HomeScreen },
    Groups: { screen: GroupsScreen },
    Notifications: { screen: NotificationScreen },
    Profile: { screen: ProfileScreen }
}, {
    initialRouteName: 'Home',
    headerMode: 'screen',
    swipeEnabled: true,
    animationEnabled: false,
    tabBarPosition: 'bottom',
    tabBarOptions: {
        showLabel: false,
        showIcon: true,
        inactiveTintColor: Colors.blackBlueColor,
        activeTintColor: Colors.redColor,
        pressColor: Colors.redColor,
        indicatorStyle: {
            backgroundColor: Colors.redColor
        },
        style: {
            backgroundColor: Colors.whiteColor
        }
    }
});