React Stack

src/navigations/ProductNavigation.js

import React from 'react'
import { createStackNavigator } from '@react-navigation/stack';
import ViewProduct from '../Screens/Shop/ViewProduct';
import ShopScreen from '../Screens/ShopScreen';

function ProductNavigation() {
	const Stack = createStackNavigator();

  return (
	<Stack.Navigator>
		<Stack.Screen name="List" options={{headerShown: false}} component={ShopScreen} />
		<Stack.Screen name="View" component={ViewProduct} />
		<Stack.Screen name="Profile" component={ShopScreen} />
		<Stack.Screen name="Settings" component={ShopScreen} />
  </Stack.Navigator>
  )
}

export default ProductNavigation