reza fixed bottomNavigation icons

master
Reza_ashrafi 3 years ago
parent 0145002b2a
commit 83323e7ee5
  1. 30
      navigation/index.js
  2. 2
      src/screens/Home/components/Scroll.js

@ -122,7 +122,7 @@ const BottomTabNavigator = ({ theme, userProducts, bottomNavigation }) => {
stroke={theme === "light" ? "#fff" : Colors.theme1.dark} stroke={theme === "light" ? "#fff" : Colors.theme1.dark}
strokeLinecap="round" strokeLinecap="round"
strokeLinejoin="round" strokeLinejoin="round"
strokeWidth={1.5} strokeWidth={2}
/> />
</Svg> </Svg>
) : ( ) : (
@ -144,7 +144,7 @@ const BottomTabNavigator = ({ theme, userProducts, bottomNavigation }) => {
} }
strokeLinecap="round" strokeLinecap="round"
strokeLinejoin="round" strokeLinejoin="round"
strokeWidth={1.5} strokeWidth={2}
/> />
<Path <Path
data-name="Vector" data-name="Vector"
@ -157,7 +157,7 @@ const BottomTabNavigator = ({ theme, userProducts, bottomNavigation }) => {
} }
strokeLinecap="round" strokeLinecap="round"
strokeLinejoin="round" strokeLinejoin="round"
strokeWidth={1.5} strokeWidth={2}
/> />
</Svg> </Svg>
), ),
@ -193,7 +193,7 @@ const BottomTabNavigator = ({ theme, userProducts, bottomNavigation }) => {
stroke={theme === "light" ? "#fff" : Colors.theme1.dark} stroke={theme === "light" ? "#fff" : Colors.theme1.dark}
strokeLinecap="round" strokeLinecap="round"
strokeLinejoin="round" strokeLinejoin="round"
strokeWidth={1.5} strokeWidth={2}
/> />
</Svg> </Svg>
) : ( ) : (
@ -214,7 +214,7 @@ const BottomTabNavigator = ({ theme, userProducts, bottomNavigation }) => {
} }
strokeLinecap="round" strokeLinecap="round"
strokeLinejoin="round" strokeLinejoin="round"
strokeWidth={1.5} strokeWidth={2}
> >
<Path d="M32.207 24.227V6.798a2.869 2.869 0 0 0-3.179-2.875h-.088a27.857 27.857 0 0 0-10.35 3.422l-.249.159a1.641 1.641 0 0 1-1.552 0l-.361-.216A27.72 27.72 0 0 0 6.09 3.909a2.864 2.864 0 0 0-3.162 2.874v17.444a2.981 2.981 0 0 0 2.547 2.859l.425.058a37.976 37.976 0 0 1 10.892 3.524l.059.029a1.6 1.6 0 0 0 1.405 0 37.631 37.631 0 0 1 10.921-3.552l.483-.058a2.981 2.981 0 0 0 2.547-2.86Z" /> <Path d="M32.207 24.227V6.798a2.869 2.869 0 0 0-3.179-2.875h-.088a27.857 27.857 0 0 0-10.35 3.422l-.249.159a1.641 1.641 0 0 1-1.552 0l-.361-.216A27.72 27.72 0 0 0 6.09 3.909a2.864 2.864 0 0 0-3.162 2.874v17.444a2.981 2.981 0 0 0 2.547 2.859l.425.058a37.976 37.976 0 0 1 10.892 3.524l.059.029a1.6 1.6 0 0 0 1.405 0 37.631 37.631 0 0 1 10.921-3.552l.483-.058a2.981 2.981 0 0 0 2.547-2.86Z" />
<Path <Path
@ -258,7 +258,7 @@ const BottomTabNavigator = ({ theme, userProducts, bottomNavigation }) => {
} }
strokeLinecap="round" strokeLinecap="round"
strokeLinejoin="round" strokeLinejoin="round"
strokeWidth={1.5} strokeWidth={2}
data-name="vuesax/linear/music-playlist" data-name="vuesax/linear/music-playlist"
/> />
<Path <Path
@ -268,7 +268,7 @@ const BottomTabNavigator = ({ theme, userProducts, bottomNavigation }) => {
stroke={theme === "light" ? "#fff" : Colors.theme1.dark} stroke={theme === "light" ? "#fff" : Colors.theme1.dark}
strokeLinecap="round" strokeLinecap="round"
strokeLinejoin="round" strokeLinejoin="round"
strokeWidth={1.5} strokeWidth={2}
/> />
</G> </G>
</Svg> </Svg>
@ -292,7 +292,7 @@ const BottomTabNavigator = ({ theme, userProducts, bottomNavigation }) => {
} }
strokeLinecap="round" strokeLinecap="round"
strokeLinejoin="round" strokeLinejoin="round"
strokeWidth={1.5} strokeWidth={2}
data-name="vuesax/linear/music-playlist" data-name="vuesax/linear/music-playlist"
/> />
<Path <Path
@ -306,7 +306,7 @@ const BottomTabNavigator = ({ theme, userProducts, bottomNavigation }) => {
} }
strokeLinecap="round" strokeLinecap="round"
strokeLinejoin="round" strokeLinejoin="round"
strokeWidth={1.5} strokeWidth={2}
/> />
</G> </G>
</Svg> </Svg>
@ -357,7 +357,7 @@ const BottomTabNavigator = ({ theme, userProducts, bottomNavigation }) => {
stroke={theme === "light" ? "white" : Colors.theme1.dark} stroke={theme === "light" ? "white" : Colors.theme1.dark}
strokeLinecap="round" strokeLinecap="round"
strokeLinejoin="round" strokeLinejoin="round"
strokeWidth={1.5} strokeWidth={2}
data-name="vuesax/linear/bag-2" data-name="vuesax/linear/bag-2"
> >
<Path d="M9.693 9.912V8.659a6.168 6.168 0 0 1 5.247-6.036 5.816 5.816 0 0 1 6.384 5.79v1.782" /> <Path d="M9.693 9.912V8.659a6.168 6.168 0 0 1 5.247-6.036 5.816 5.816 0 0 1 6.384 5.79v1.782" />
@ -385,7 +385,7 @@ const BottomTabNavigator = ({ theme, userProducts, bottomNavigation }) => {
} }
strokeLinecap="round" strokeLinecap="round"
strokeLinejoin="round" strokeLinejoin="round"
strokeWidth={1.5} strokeWidth={2}
data-name="vuesax/linear/bag-2" data-name="vuesax/linear/bag-2"
> >
<Path d="M9.693 9.912V8.659a6.168 6.168 0 0 1 5.247-6.036 5.816 5.816 0 0 1 6.384 5.79v1.782" /> <Path d="M9.693 9.912V8.659a6.168 6.168 0 0 1 5.247-6.036 5.816 5.816 0 0 1 6.384 5.79v1.782" />
@ -445,7 +445,7 @@ const BottomTabNavigator = ({ theme, userProducts, bottomNavigation }) => {
} }
strokeLinecap="round" strokeLinecap="round"
strokeLinejoin="round" strokeLinejoin="round"
strokeWidth={1.5} strokeWidth={2}
> >
<Path d="M15.803 14.127a2.363 2.363 0 0 0-.429 0 5.777 5.777 0 1 1 .429 0Z" /> <Path d="M15.803 14.127a2.363 2.363 0 0 0-.429 0 5.777 5.777 0 1 1 .429 0Z" />
<Path <Path
@ -475,6 +475,7 @@ const HomeStackScreen = ({ theme }) => {
backgroundColor: backgroundColor:
theme === "light" ? Colors.theme1.white : Colors.theme1.dark, theme === "light" ? Colors.theme1.white : Colors.theme1.dark,
}, },
unmountOnBlur: true
}} }}
initialRouteName="Home" initialRouteName="Home"
> >
@ -503,6 +504,7 @@ const ProductsStackScreen = ({ theme }) => {
backgroundColor: backgroundColor:
theme === "light" ? Colors.theme1.white : Colors.theme1.dark, theme === "light" ? Colors.theme1.white : Colors.theme1.dark,
}, },
unmountOnBlur: true
}} }}
initialRouteName="Products" initialRouteName="Products"
> >
@ -524,6 +526,7 @@ const VODStackScreen = ({ theme }) => {
backgroundColor: backgroundColor:
theme === "light" ? Colors.theme1.white : Colors.theme1.dark, theme === "light" ? Colors.theme1.white : Colors.theme1.dark,
}, },
unmountOnBlur: true
}} }}
initialRouteName="VOD" initialRouteName="VOD"
> >
@ -544,6 +547,7 @@ const CARTStackScreen = ({ theme }) => {
backgroundColor: backgroundColor:
theme === "light" ? Colors.theme1.white : Colors.theme1.dark, theme === "light" ? Colors.theme1.white : Colors.theme1.dark,
}, },
unmountOnBlur: true
}} }}
initialRouteName="ShoppingCart" initialRouteName="ShoppingCart"
> >
@ -564,6 +568,7 @@ const PROFILEStackScreen = ({ theme }) => {
backgroundColor: backgroundColor:
theme === "light" ? Colors.theme1.white : Colors.theme1.dark, theme === "light" ? Colors.theme1.white : Colors.theme1.dark,
}, },
unmountOnBlur: true
}} }}
> >
<PROFILEStack.Screen name="Profile" component={Profile} /> <PROFILEStack.Screen name="Profile" component={Profile} />
@ -626,6 +631,7 @@ const Navigation = ({
backgroundColor: backgroundColor:
theme === "light" ? Colors.theme1.white : Colors.theme1.dark, theme === "light" ? Colors.theme1.white : Colors.theme1.dark,
}, },
unmountOnBlur: true
}} }}
> >
<Stack.Screen name="Splash" component={Splash} /> <Stack.Screen name="Splash" component={Splash} />

@ -15,7 +15,7 @@ function Scroll({ books, mobile }) {
return ( return (
<Pressable <Pressable
onPress={() => onPress={() =>
navigation.push("Product", { navigation.navigate("Product", {
id: book?.id, id: book?.id,
type: "book", type: "book",
}) })

Loading…
Cancel
Save