Commit 5bbf2fca authored by Pramodh Rajapakse's avatar Pramodh Rajapakse

bottom tab modified

parent 58197bfa
......@@ -13,31 +13,25 @@ export function AuctionBottomTab() {
const navigation = useNavigation();
return(
<View style={styles.bottomBtn}>
<TouchableOpacity style={styles.barButtonView}
onPress={() => navigation.navigate("AuctionListScreen")}
>
<Ionicons name="cart" size={24} color={themeColors.PRIMARY_COLOR} />
<Text style={styles.iconText}>Buy</Text>
</TouchableOpacity>
<TouchableOpacity style={styles.barButtonView}
onPress={() => navigation.navigate("UserBidScreen")}
>
<MaterialIcons name="leaderboard" size={24} color={themeColors.PRIMARY_COLOR} />
<MaterialIcons name="leaderboard" size={24} color={themeColors.WHITE} />
<Text style={styles.iconText}>Bids</Text>
</TouchableOpacity>
<TouchableOpacity style={styles.barButtonView}
onPress={() => navigation.navigate("UserAuctionScreen")}
>
<MaterialIcons name="gavel" size={24} color={themeColors.PRIMARY_COLOR} />
<MaterialIcons name="gavel" size={24} color={themeColors.WHITE} />
<Text style={styles.iconText}>Auctions</Text>
</TouchableOpacity>
<TouchableOpacity style={styles.barButtonView}
onPress={() => navigation.navigate("AuctionHomeScreen")}
>
<MaterialIcons name="home" size={24} color={themeColors.PRIMARY_COLOR} />
<MaterialIcons name="home" size={24} color={themeColors.WHITE} />
<Text style={styles.iconText}>Home</Text>
</TouchableOpacity>
</View>
......@@ -46,17 +40,17 @@ export function AuctionBottomTab() {
const styles = StyleSheet.create({
iconText: {
color: themeColors.PRIMARY_COLOR
color: themeColors.WHITE
},
bottomBtn:{
width:"100%",
height:60,
flexDirection:"row",
justifyContent:"space-between",
padding:15,
backgroundColor:"white",
paddingHorizontal: 30,
backgroundColor:themeColors.BLACK,
borderTopRightRadius: 20,
borderTopLeftRadius: 20,
alignItems:"center"
},
barButtonView:{
marginTop:5,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment