This the Home Screen
import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { TextInput, Image, StyleSheet, Text, View, SafeAreaView,ScrollView } from 'react-native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { AntDesign ,MaterialIcons} from '@expo/vector-icons';
import TopTabNav from '../Components/TopTabNav';
import Shopping from '../Screens/Shopping';
This the Home Screen import React from 'react'; import { NavigationContainer } from '@react-navigation/native'; import { TextInput, Image, StyleSheet, Text, View, SafeAreaView,ScrollView } from 'react-native'; import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; import { AntDesign ,MaterialIcons} from '@expo/vector-icons'; import TopTabNav from '../Components/TopTabNav'; import Shopping from '../Screens/Shopping';
const Homescreen =() =>{ return <>
</> }
const style = StyleSheet.create({ header: { marginTop: 20, marginLeft: 20, justifyContent: 'space-between', textAlign: 'center', flexDirection:'row'
export default Homescreen;
And This is the Tab Navigator
import { StatusBar } from 'expo-status-bar'; import React,{useState} from 'react'; import { TextInput, Image, StyleSheet, Text, View, SafeAreaView,ScrollView } from 'react-native'; import { NavigationContainer } from '@react-navigation/native'; import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; import { createMaterialBottomTabNavigator } from '@react-navigation/material-bottom-tabs'; import { Ionicons ,FontAwesome , Feather ,AntDesign , Entypo} from '@expo/vector-icons'; import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs'; import News from '../Screens/News'; import Shopping from '../Screens/Shopping'; import Notification from '../Screens/Notification';
const Tab = createMaterialTopTabNavigator();
const TopTabNav = ({navigation}) =>{ return (