import React from 'react';
import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
import AnimatedTabBar from '@gorhom/animated-tabbar';
import Notification from '../screens/NotificationScreen/NotificationScreen';
import Chat from '../screens/ChatScreen/ChatScreen';
import Home from '../screens/HomeScreen/HomeScreen';
import Booking from '../screens/BookingScreen/BookingScreen';
import Profile from '../screens/ProfileScreen/ProfileScreen';
import colours from '../assets/colors';
import IconGenerator from '../components/IconGenerator';
import {appFonts} from '../assets/scale';
Bug
Here is my src code
import React from 'react'; import {createBottomTabNavigator} from '@react-navigation/bottom-tabs'; import AnimatedTabBar from '@gorhom/animated-tabbar'; import Notification from '../screens/NotificationScreen/NotificationScreen'; import Chat from '../screens/ChatScreen/ChatScreen'; import Home from '../screens/HomeScreen/HomeScreen'; import Booking from '../screens/BookingScreen/BookingScreen'; import Profile from '../screens/ProfileScreen/ProfileScreen'; import colours from '../assets/colors'; import IconGenerator from '../components/IconGenerator'; import {appFonts} from '../assets/scale';
const Tabs = createBottomTabNavigator();
const iconProperty = iconName => ({ labelStyle: { color: colours.primary, fontFamily: appFonts.regularText.fontFamily, }, icon: { component: () => (
}, background: { activeColor: 'rgba(0, 191, 166, 0.18)', inactiveColor: 'rgba(223,215,243,0)', }, });
const tabs = { Notification: iconProperty('Notification'), Chat: iconProperty('Chat'), Home: iconProperty('Home'), Bookings: iconProperty('Bookings'), Profile: iconProperty('Profile'), };
const TabScreens = () => ( <Tabs.Navigator tabBar={props => <AnimatedTabBar tabs={tabs} {...props} />} initialRouteName="Home" tabBarOptions={{ style: { backgroundColor: colours.background, }, }}>
</Tabs.Navigator> );
export default TabScreens;
Environment info
"@gorhom/animated-tabbar": "^2.1.2" "react-native": "0.66.4" "react": "17.0.2", "react-native-reanimated": "^2.3.1", "react-native-gesture-handler": "^2.1.0", "react-native-svg": "^12.1.1",
Please i need help!!