Routes.js

import React from "react";
import { View } from "react-native";
import Home from "./screens/Home";
import DashboardTabRoutes from "./screens/Dashboard/Routes";
import { createStackNavigator } from "react-navigation";
import CustomHeader from "./components/CustomHeader";

const Routes = createStackNavigator(
  {
    Home: {
      screen: Home,
      navigationOptions: {
        header: props => <CustomHeader {...props} />
      }
    },
    Dashboard: {
      screen: DashboardTabRoutes,
      navigationOptions: {
        header: null,
        headerLeft: null
      }
    }
  },
  {
    initialRouteName: "Home",
    navigationOptions: {
      headerStyle: {
        backgroundColor: "transparent"
      },
      headerTitleStyle: {
        fontWeight: "bold",
        color: "#fff",
        zIndex: 1,
        fontSize: 18,
        lineHeight: 23,
        fontFamily: "CircularStd-Bold"
      },
      headerTintColor: "#fff"
      animationEnabled: true
    }
  }
);

export default Routes;