RootStackNavigator.ts

import { createAppContainer } from "react-navigation";
import { createStackNavigator } from "react-navigation-stack";
import AccountScreen from "./screens/Account";
import MapScreen from "./screens/Map";
import PlaceDetailsScreen from "./screens/PlaceDetails";
import ReportPlaceScreen from "./screens/ReportPlace";
import { Search as SearchScreen } from "./screens/Search";
import colors from "./constants/colors";

const MainScreens = createStackNavigator(
  {
    Main: MapScreen,
    PlaceDetails: PlaceDetailsScreen
  },
  {
    initialRouteName: "Main",
    headerMode: "screen",
    defaultNavigationOptions: {
      headerTintColor: colors.black,
      headerTitleStyle: {
        color: colors.black,
        fontWeight: "normal"
      },
      headerStyle: {
        backgroundColor: colors.yellow
      }
    },
    navigationOptions: () => ({
      gestureEnabled: true
    })
  }
);

const MainStack = createStackNavigator(
  {
    Main: MainScreens,
    Search: SearchScreen
  },
  {
    initialRouteName: "Main",
    headerMode: "none",
    defaultNavigationOptions: {
      headerTintColor: colors.black,
      headerTitleStyle: {
        color: colors.black,
        fontWeight: "normal"
      },
      headerStyle: {
        backgroundColor: colors.yellow
      }
    },
    navigationOptions: () => ({
      gestureEnabled: true
    })
  }
);

const ModalNavigator = createStackNavigator(
  {
    MainStack: {
      screen: MainStack,
      navigationOptions: {
        headerShown: false
      }
    },
    ReportPlace: ReportPlaceScreen,
    Account: AccountScreen
  },
  {
    initialRouteName: "MainStack",
    headerMode: "screen",
    mode: "modal",
    defaultNavigationOptions: {
      headerTintColor: colors.black,
      headerTitleStyle: {
        color: colors.black,
        fontWeight: "normal"
      },
      headerStyle: {
        backgroundColor: colors.yellow
      }
    },
    navigationOptions: () => ({
      gestureEnabled: false
    })
  }
);

const AppContainer = createAppContainer(ModalNavigator);

export default AppContainer;