App.tsx

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 */

import React from 'react';

import { NavigationContainer } from "@react-navigation/native";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import EntryScreen from "./src/screens/EntryScreen";
import ExitScreen from "./src/screens/ExitScreen";
import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
import { Text, View, StyleSheet } from 'react-native';

const Stack = createNativeStackNavigator();

function App() {

  if (__DEV__) {
    console.warn = () => {};
    console.error = () => {};
  }
  
  return (
    <SafeAreaProvider style={styles.safeArea}>
      <SafeAreaView style={styles.safeArea}>
        <NavigationContainer>
          <Stack.Navigator>
            <Stack.Screen name="Entry" component={EntryScreen} options={{ title: "Vehicle Entry" }}/>
            <Stack.Screen name="Exit" component={ExitScreen} options={{ title: "Vehicle Exit" }}/> 
        </Stack.Navigator>
      </NavigationContainer>
      </SafeAreaView>
    </SafeAreaProvider>
  );
}

const styles = StyleSheet.create({
  safeArea: {
    flex: 1,
    backgroundColor: "#f7f7f7",
    paddingTop: 20,  // Adjusting for iPhone notch or status bar
  },
});

export default App;