@ -3,10 +3,7 @@ import { Image } from "react-native";
import { NavigationContainer } from "@react-navigation/native" ;
import { createNativeStackNavigator } from "@react-navigation/native-stack" ;
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs" ;
import {
Entypo ,
FontAwesome ,
} from "@expo/vector-icons" ;
import { Entypo , FontAwesome } from "@expo/vector-icons" ;
import OrderDetails from "../src/screens/OrderDetails" ;
import OrdersFollowUp from "../src/screens/OrdersFollowUp" ;
import { Dimensions } from "react-native" ;
@ -38,8 +35,11 @@ import homeActiveIcon from "./assets/home-active.png";
import videoActiveIcon from "./assets/video-active.png" ;
import videoDeactiveIcon from "./assets/video-deactive.png" ;
import bookDeactiveIcon from "./assets/book-deactive.png" ;
import bookActiveIcon from "./assets/book-active.png" ;
import testDeactiveIcon from "./assets/test-deactive.png" ;
import testActiveIcon from "./assets/test-active.png" ;
import profileActiveIcon from "./assets/profile-active.png" ;
import profileDeactiveIcon from "./assets/profile-deactive.png" ;
const width = Dimensions . get ( "window" ) . width ;
@ -60,22 +60,27 @@ const BottomTabNavigator = () => {
tabBarLabelStyle : {
fontSize : width / 34 ,
fontFamily : "regular" ,
transform : [ { translateY : - 7 } ]
transform : [ { translateY : - 7 } ] ,
} ,
tabBarShowLabel : true ,
// tabBarLabel : 'reza'
} }
>
< Tab . Screen
name = "ShoppingCartTab "
component = { ShoppingCart }
name = "Profile "
component = { Profile }
options = { {
title : 'سبد خرید' ,
tabBarIcon : ( { focused , color } ) => (
< FontAwesome
name = "shopping-cart"
size = { 32 }
color = { color }
title : "پروفایل" ,
tabBarIcon : ( { focused , color } ) =>
focused ? (
< Image
source = { profileActiveIcon }
style = { { width : 33 , height : 32 } }
/ >
) : (
< Image
source = { profileDeactiveIcon }
style = { { width : 33 , height : 32 } }
/ >
) ,
} }
@ -84,13 +89,14 @@ const BottomTabNavigator = () => {
name = "Tests"
component = { Tests }
options = { {
title : 'آزمون' ,
tabBarIcon : ( { focused , color } ) => ( focused ?
< FontAwesome
name = "map"
size = { 27 }
color = { color }
/ > :
title : "آزمون" ,
tabBarIcon : ( { focused , color } ) =>
focused ? (
< Image
source = { testActiveIcon }
style = { { width : 33 , height : 32 } }
/ >
) : (
< Image
source = { testDeactiveIcon }
style = { { width : 33 , height : 32 } }
@ -102,9 +108,9 @@ const BottomTabNavigator = () => {
name = "VODTab"
component = { VODStackScreen }
options = { {
unmountOnExit : true ,
unmountOnBlur : true ,
title : "ویدئوها" ,
unmountOnExit : true ,
unmountOnBlur : true ,
title : "ویدئوها" ,
tabBarIcon : ( { focused , color } ) =>
focused ? (
< Image
@ -123,9 +129,14 @@ const BottomTabNavigator = () => {
name = "ProductsTab"
component = { ProductsStackScreen }
options = { {
title : 'کتاب ,
tabBarIcon : ( { focused , color } ) => ( focused ?
< Entypo name = "shop" size = { focused ? 27 : 23 } color = { color } / > :
title : "کتاب ,
tabBarIcon : ( { focused , color } ) =>
focused ? (
< Image
source = { bookActiveIcon }
style = { { width : 35 , height : 34 } }
/ >
) : (
< Image
source = { bookDeactiveIcon }
style = { { width : 35 , height : 34 } }
@ -137,7 +148,7 @@ const BottomTabNavigator = () => {
name = "HomeTab"
component = { HomeStackScreen }
options = { {
title : "خانه" ,
title : "خانه" ,
tabBarIcon : ( { focused , color } ) =>
focused ? (
< Image
Reza_ashrafi
3 years ago
