Add TabBar

[lazharkarem]

<Tab.Navigator screenOptions={{ tabBarShowLabel:false, headerShown: false, activeColor : '#fff', }}

<Tab.Screen name="Home" component={HomeScreen} options={{ tabBarIcon:({focused})=>( <View style={{alignItems:'center', justifyContent:'center',top:10}} > <Image source={require('../assets/icons/home.png')} resizeMode="contain" style={{ width:25, height:25, tintColor: focused ? '#e32f45' : '#748c94', }} /> <Text style={{color: focused ? '#e32f45' : '#748c94', fontSize:12 }} >Home ), }} /> <Tab.Screen name="Details" component={DetailsScreen}options={{ tabBarIcon:({focused})=>( <View style={{alignItems:'center', justifyContent:'center',top:10}} > <Image source={require('../assets/icons/details.png')} resizeMode="contain" style={{ width:25, height:25, tintColor: focused ? '#e32f45' : '#748c94', }} /> <Text style={{color: focused ? '#e32f45' : '#748c94', fontSize:12 }} >Details ), }} /> <Tab.Screen name="Post" component={PostScreen}options={{ tabBarIcon:({focused})=>( <View style={{alignItems:'center', justifyContent:'center',top:10}} > <Image source={require('../assets/icons/add.png')} resizeMode="contain" style={{ width:30, height:30, tintColor: focused ? '#e32f45' : '#748c94', }} /> <Text style={{color: focused ? '#e32f45' : '#748c94', fontSize:12 }} >Posts ), }} /> <Tab.Screen name="Profile" component={ProfileScreen}options={{ tabBarIcon:({focused})=>( <View style={{alignItems:'center', justifyContent:'center',top:10}} > <Image source={require('../assets/icons/profile.png')} resizeMode="contain" style={{ width:25, height:25, tintColor: focused ? '#e32f45' : '#748c94', }} /> <Text style={{color: focused ? '#e32f45' : '#748c94', fontSize:12 }} >Profile ), }} /> <Tab.Screen name="Settings" component={SettingsScreen} options={{ tabBarIcon:({focused})=>( <View style={{alignItems:'center', justifyContent:'center',top:10}} > <Image source={require('../assets/icons/settings.png')} resizeMode="contain" style={{ width:25, height:25, tintColor: focused ? '#e32f45' : '#748c94', }} /> <Text style={{color: focused ? '#e32f45' : '#748c94', fontSize:12 }} >Settings ), }} /> </Tab.Navigator>