App.js

import { React, useState } from 'react';
import { LandingPage } from './screens/landing-screen';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import { NavigationContainer } from '@react-navigation/native';
import { MatchHistory } from './screens/match-history-screen';
import { GameDetails } from './screens/match-details-screen';
import { SummonerInfoPage } from './screens/summoner-info-screen';
import { StoreContext } from './store-context';


const Stack = createNativeStackNavigator();
 
export default function App() {
  const [user, setUser] = useState({});
  const [matches, setMatches] = useState([]);
  const [region, setRegion] = useState({
    value: 'na1',
    label: 'NA',
    area: 'americas'
  });
  const appState = {user, setUser, matches, setMatches, region, setRegion};
  return (
    <StoreContext.Provider value={appState}>
      <NavigationContainer>
        <Stack.Navigator>
            <Stack.Screen name='HomeDefault' component={LandingPage} options={{title: 'GreyScreen.GG'}} />
            <Stack.Screen name='MatchHistory' component={MatchHistory} options={{title: 'Match History'}} />
            <Stack.Screen name='GameDetails' component={GameDetails} options={{title: 'Match Details'}} />
            <Stack.Screen name='SummonerData' component={SummonerInfoPage} options={{title: 'Summoner Info'}} />
        </Stack.Navigator>
      </NavigationContainer>
    </StoreContext.Provider>
  );
};