App.js

import React from "react"
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

import LoginScreen from "./components/LoginPage";
import EmailScreen from "./components/EmailPage";
import EmailMain from "./components/MainEmails";
import ContentPage from "./components/ContentPage"
import TermsScreen from "./components/TermsScreen"
import Disclaimer from "./components/Disclaimer";
import SettingsPage from "./components/SettingsPage"

const Stack = createNativeStackNavigator();

export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator
        initialRouteName={'Login'}
        screenOptions={{
          gestureEnabled: true,
          gestureDirection: 'vertical',
          animationEnabled: false,
        }}
        mode={'card'}>

        <Stack.Screen
          name="Terms"
          component={TermsScreen}
          options={{
            headerShown: false
          }}
        />

        <Stack.Screen
          name="Login"
          component={LoginScreen}
          options={{
            headerShown: false
          }}
        />


        <Stack.Screen
          name="Email"
          component={EmailScreen}
          options={{
            headerShown: false
          }}
        />

        <Stack.Screen
          name="Content"
          component={ContentPage}
          options={{
            title: 'Back',
            headerStyle: {
              backgroundColor: '#1A1A1F',
              shadowColor: 'transparent'
            },
            headerTintColor: '#FFF'
          }}
        />

        <Stack.Screen
          name="Setting"
          component={SettingsPage}
          options={{
            title: 'Settings',
            headerStyle: {
              backgroundColor: '#1A1A1F',
              shadowColor: 'transparent'
            },
            headerTintColor: '#FFF'
          }}
        />

        <Stack.Screen
          name="EmailNow"
          component={EmailMain}
          options={{
            title: 'All Emails',
            headerStyle: {
              backgroundColor: '#1A1A1F',
              shadowColor: 'transparent'
            },
            headerTintColor: '#FFF'
          }}
        />

        <Stack.Screen
          name="disclaimer"
          component={Disclaimer}
          options={{
            title: 'Disclaimer',
            headerStyle: {
              backgroundColor: '#1A1A1F',
              shadowColor: 'transparent'
            },
            headerTintColor: '#FFF'
          }}
        />

      </Stack.Navigator>
    </NavigationContainer>
  );
}