App.js

import React from "react";
import { NavigationContainer } from "@react-navigation/native";
import { createStackNavigator } from "@react-navigation/stack";
import { SafeAreaView } from "react-native-safe-area-context";

import { AppLoading } from 'expo';
import { useFonts,   
  Raleway_100Thin,
  Raleway_100Thin_Italic,
  Raleway_200ExtraLight,
  Raleway_200ExtraLight_Italic,
  Raleway_300Light,
  Raleway_300Light_Italic,
  Raleway_400Regular,
  Raleway_400Regular_Italic,
  Raleway_500Medium,
  Raleway_500Medium_Italic,
  Raleway_600SemiBold,
  Raleway_600SemiBold_Italic,
  Raleway_700Bold, } from '@expo-google-fonts/raleway';

import HomeNav from "./app/routes/HomeNav";
import OpenScreen from "./app/screens/OpenScreen";
import SignupScreen from "./app/screens/SignupScreen";
import SignInScreen from "./app/screens/SignInScreen";

import { createStore } from 'redux'; 
import { Provider } from 'react-redux';

const rootReducer = (currentState= {user:'', items: []}, action) => {
  if(action.type === "login user"){
    return {...currentState, user: action.payload, items: action.payload.items}
  } else if(action.type === "signup user"){
    return {...currentState, user: action.payload, newUser: action.payload}
  }else if(action.type === "logout user"){
    return {...currentState, user: ''}
  }else if(action.type === "favorite item"){
    return {...currentState, items: [action.payload, ...currentState.items]}
  } else if(action.type === "delete item"){
      array = [...currentState.items]
      deletedItem = array.find(item => item.id === action.payload.id)
      index = array.indexOf(deletedItem)
      array.splice(index, 1)
      return {...currentState, items: array}
  }else {
    return currentState
  }
}

const store = createStore(rootReducer) 

const Stack = createStackNavigator()

export default function App() {

  let [fontsLoaded] = useFonts({
    Raleway_100Thin,
    Raleway_100Thin_Italic,
    Raleway_200ExtraLight,
    Raleway_200ExtraLight_Italic,
    Raleway_300Light,
    Raleway_300Light_Italic,
    Raleway_400Regular,
    Raleway_400Regular_Italic,
    Raleway_500Medium,
    Raleway_500Medium_Italic,
    Raleway_600SemiBold,
    Raleway_600SemiBold_Italic,
    Raleway_700Bold,  
  });

  if (!fontsLoaded) {
    return <AppLoading />;
  }
  return (
    <Provider store={store}>
      <SafeAreaView style={{ flex: 1, backgroundColor:'#fff'}}>
        <NavigationContainer>
          <Stack.Navigator headerMode={'none'}>
            <Stack.Screen name="OpenScreen" component={OpenScreen} options={{headerShown: false}}/>
            <Stack.Screen name="HomeNav" component={HomeNav} option={{headerShown: false}}/>
            <Stack.Screen name="SignInScreen" component={SignInScreen} options={{headerShown: false}}/>
            <Stack.Screen name="SignupScreen" component={SignupScreen} options={{headerShown: false}}/>
          </Stack.Navigator>
        </NavigationContainer> 
      </SafeAreaView>
    </Provider>
  )
}