App.js

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import Contants from 'expo-constants';
import Home from "./screens/Home";
import CreateEmployee  from './screens/CreateEmployee';
import Profile  from './screens/Profile';


import { NavigationContainer } from "@react-navigation/native";
import { createStackNavigator } from '@react-navigation/stack';
import {createStore} from "redux";
import {Provider} from "react-redux";
import {reducer} from "./reducers/reducer";


const store = createStore(reducer)


const Stack = createStackNavigator();

const myOption ={
  title:"Home",
  headerTintColor:"white",
  headerStyle:{
    backgroundColor:"#eb4559",
  }
}

function App() {
  return (
    <View style={styles.container}>
      <Stack.Navigator>
          <Stack.Screen 
          name="Home" 
          component={Home}
          options={{...myOption,title:"AMIGOS"}} 
           />
          <Stack.Screen 
          name="Create" 
          component={CreateEmployee}
          options={{...myOption,title:"Add an Amigo"}} />
          <Stack.Screen 
          name="Profile" 
          component={Profile}
          options={{...myOption,title:"Add an Amigo"}} 
           />
    </Stack.Navigator>
    </View>
  );
}
export default ()=>{
  return (
    <Provider store={store}>
    <NavigationContainer>
    <App />
    </NavigationContainer>
    </Provider>
  )
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#ebebeb',  
  }
});