setup.js

import React, { Component } from "react";
import { StackNavigator, TabNavigator } from "react-navigation";
import { StatusBar } from "react-native";
import LoginScreen from "./screens/LoginScreen";
import SplashScreen from "./screens/SplashScreen";
import ProfileScreen from "./screens/ProfileScreen";
import HistoryScreen from "./screens/HistoryScreen";
import DashboardScreen from "./screens/DashboardScreen";
import OrderScreen from "./screens/OrderScreen";
import MapDrivingScreen from "./screens/MapDrivingScreen";

const MainNavigator = StackNavigator({
  Splash: { screen: SplashScreen },
  Login: { screen: LoginScreen },
  MapDriving: { screen: MapDrivingScreen },
  Main: {
    screen: TabNavigator(
      {
        Order: { screen: OrderScreen },
        History: { screen: HistoryScreen },
        Dashboard: { screen: DashboardScreen },
        Profile: { screen: ProfileScreen }
      },
      {
        tabBarPosition: "bottom",
        animationEnabled: true,
        tabBarOptions: {
          labelStyle: {
            fontSize: 12,
            fontWeight: "bold"
          },
          style: {
            paddingBottom: 0,
            backgroundColor: "#fff",
            borderTopWidth: 1,
            borderColor: "#bdc3c7"
          },
          tabStyle: {
            padding: 0
          },
          activeTintColor: "#2980b9",
          inactiveTintColor: "#95a5a6",
          showIcon: true,
          showLabel: true,
          pressColor: "#000",
          indicatorStyle: {
            backgroundColor: "transparent"
          }
        }
      }
    )
  }
});

export { MainNavigator };