none of these files exist *node_modules\react-native-vector-icons

Viewed 59

//I am customising bottom tab bar but it showing me error that none of these file exist.

const Tab = createBottomTabNavigator();

const Afterreg = () => {
    return (

        <Tab.Navigator options={({ route }) => ({
            tabBarIcon: ({ color }) => {
                let iconName;
        
                if (route.name === 'Home') {
                    iconName = 'home';
                } else if (route.name === 'Like') {
                    iconName = 'search';
                } else if (route.name === 'Chat') {
                    iconName = 'calendar';
                } else if (route.name === 'Profile') {
                    iconName = 'user-o';
                }

                return <FontAwesome name={iconName} size={25} color={color} />;
            },
        })}
            tabBarOptions={{
                activeTintColor: 'selmon',
                inactiveTintColor: 'gray',
            }}>
            <Tab.Screen name="Home" component={Cards} Options={{
                tabBarIcon: ({ size, color }) => (
                    <MaterialCommunityIcons name="home" size={size} color={color} />
                ),
            }} />
            <Tab.Screen name="Like" component={Heart} />
            <Tab.Screen name="Chat" component={Chat} />
            <Tab.Screen name="Profile" component={Profile} />
        </Tab.Navigator>


    )
}

export default Afterreg;

I am customising bottom tab bar but it showing me error that none of these file exist. enter image description here

0 Answers
Related