import React from 'react' ; import { createStackNavigator } from '@react-navigation/stack' ; import { DETAIL , HOME } from '../../constants/path' ; import { Home , Detail } from '../../containers' ; import { HeaderLeft , headerStyle , headerTintColor } from '../Header' ; import { COLOR } from '../../constants/theme' ; const cardStyle = { backgroundColor : COLOR . MAIN , } ; const Stack = createStackNavigator ( ) ; function HomeNavigator ( ) { return ( < Stack . Navigator screenOptions = { { headerStyle , headerTintColor , cardStyle , } } > < Stack . Screen name = { HOME } component = { Home } options = { { headerLeft : ( ) => < HeaderLeft />, title : 'Home' , } } /> < Stack . Screen name = { DETAIL } component = { Detail } options = { { title : 'Detail' , } } /> < /Stack.Navigator>); } export default HomeNavigator ;