Commit b676ef03 authored by Pramodh Rajapakse's avatar Pramodh Rajapakse

auction list page layout completed

parent 7bcf230d
...@@ -3,17 +3,22 @@ ...@@ -3,17 +3,22 @@
// Import React and Component // Import React and Component
import React from 'react'; import React from 'react';
import {View, StyleSheet, Text, ScrollView} from 'react-native'; import {View, StyleSheet, Text, ScrollView, TouchableOpacity} from 'react-native';
import { AppAuctionItem } from '../components/auction_item.component'; import { AppAuctionItem } from '../components/auction_item.component';
import { AppContainer } from '../container/container'; import { AppContainer } from '../container/container';
import themeColors from '../assets/colors'; import themeColors from '../assets/colors';
import { AuctionBottomTab } from '../Navigations/AuctionBottomTab'; import { AuctionBottomTab } from '../Navigations/AuctionBottomTab';
import { MaterialIcons } from '@expo/vector-icons';
const UserAuctionListScreen = ({navigation}) => { const UserAuctionListScreen = (props, {navigation}) => {
return ( return (
<View style={styles.container}> <View style={styles.container}>
<AppContainer> <AppContainer>
<View style={styles.header}>
<Text style={styles.auctionHeading}>Auctions List</Text> <Text style={styles.auctionHeading}>Auctions List</Text>
<TouchableOpacity onPress={props.onPress} style={styles.addBtn}>
<MaterialIcons name="add" size={16} color={themeColors.WHITE} />
</TouchableOpacity>
</View>
<ScrollView> <ScrollView>
<View> <View>
<AppAuctionItem label='Auction Item 1' delete onPress = {() => navigation.navigate("SignUp")}/> <AppAuctionItem label='Auction Item 1' delete onPress = {() => navigation.navigate("SignUp")}/>
...@@ -36,21 +41,25 @@ const styles = StyleSheet.create({ ...@@ -36,21 +41,25 @@ const styles = StyleSheet.create({
backgroundColor: '#ffffff' backgroundColor: '#ffffff'
}, },
header: { header: {
height: '35%',
marginBottom: 25,
backgroundColor : themeColors.PRIMARY_COLOR
},
btnRowContainer: {
maxHeight: 100
},
contentContainer: {
flex: 1,
flexDirection: 'row', flexDirection: 'row',
margin: 20 justifyContent: 'space-between',
height: 50
}, },
auctionHeading: { auctionHeading: {
fontSize: 24, fontSize: 24,
fontWeight: 'bold', fontWeight: 'bold',
color: themeColors.SECONDARY_COLOR color: themeColors.BLACK,
} },
addBtn:{
alignItems: "center",
padding: 8,
backgroundColor: themeColors.BLACK,
borderRadius: 20,
shadowColor: 'rgba(0,0,0, .4)',
shadowOffset: { height: 2, width: 1 },
shadowOpacity: 1,
shadowRadius: 1,
elevation: 2,
height: 33
},
}) })
\ No newline at end of file
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