App.js

import React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import {createNativeStackNavigator} from '@react-navigation/native-stack';
import welcomeScreen from './src/screens/welcomeScreen';
import quizScreen from './src/screens/quizScreen';
import {StateProvider} from './src/stateProvider';
import reducer, {initialState} from './src/reducer';
import congratScreen from './src/screens/congratScreen';
import LeaderBoardScreen from './src/screens/leaderBoardScreen';
const Stack = createNativeStackNavigator();
const App = () => {
  return (
    <StateProvider initialState={initialState} reducer={reducer}>
      <NavigationContainer>
        <Stack.Navigator>
          <Stack.Screen
            name="WelcomeScreen"
            component={welcomeScreen}
            options={{headerShown: false}}
          />
          <Stack.Screen
            name="QuestionScreen"
            component={quizScreen}
            options={{headerShown: false}}
            initialParams={{index: 0}}
          />
          <Stack.Screen
            name="CongratsScreen"
            component={congratScreen}
            options={{headerShown: false}}
          />
          <Stack.Screen
            name="leaderBoardScreen"
            component={LeaderBoardScreen}
            options={{headerShown: false}}
          />
        </Stack.Navigator>
      </NavigationContainer>
    </StateProvider>
  );
};

export default App;