WelcomeRoutes.js

import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import { CardStyleInterpolators } from '@react-navigation/stack';
import { NavigationContainer } from '@react-navigation/native';
import Login from '../views/Login/Login';
import Welcome from '../components/Splash/Welcome';
import Signup from '../views/Signup/Signup';
import Tour from '../views/Tour/Tour';
import AppRoute from './AppRoutes';
import Profile from '../views/Profile/Profile';
import { StatusBar } from 'react-native';

const Stack = createStackNavigator();

const WelcomeRoutes = () => {
  return (
    <NavigationContainer>
      <StatusBar barStyle="dark-content" animated={true} backgroundColor="#ecf0f1" />
      <Stack.Navigator
        shifting="true"
        screenOptions={({ route, navigation }) => ({
          headerShown: false,
          gestureEnabled: true,
          cardOverlayEnabled: false,
          gestureDirection: 'horizontal',
          cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS,
        })}>
        <Stack.Screen name="welcome" component={Welcome} />
        <Stack.Screen name="login" component={Login} />
        <Stack.Screen name="signup" component={Signup} />
        <Stack.Screen
          options={{
            gestureEnabled: false,
          }} name="tour" component={Tour} />
        <Stack.Screen
          options={{
            gestureEnabled: false,
          }} name="app-route" component={AppRoute} />
        <Stack.Screen
          name="profile" component={Profile} />
      </Stack.Navigator>
    </NavigationContainer>
  );
};

export default WelcomeRoutes;