Skip to content

2
2021-090 frontend
Commit a832ff6e authored by IT18111170-Silva S.H.I's avatar IT18111170-Silva S.H.I
Browse files
Options

Update: code formatted

parent ad7284ac
Hide whitespace changes
Inline Side-by-side
Showing with 194 additions and 189 deletions
screen/HomeScreen.js
View file @ a832ff6e
...@@ -21,7 +21,7 @@ export function HomeScreen({ navigation }) { ...@@ -21,7 +21,7 @@ export function HomeScreen({ navigation }) {
<ImageBackground source={require('../assets/signin1.jpg')} style={styles.images}> <ImageBackground source={require('../assets/signin1.jpg')} style={styles.images}>
<ImageSliderz <ImageSliderz
height={350} height={430}
dataSource={[ dataSource={[
{ {
url: require("../assets/d.jpg"), url: require("../assets/d.jpg"),
......
screen/PriceScreen.js
View file @ a832ff6e
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from "react";
import { StyleSheet, Button, TextInput, View, Text, TouchableOpacity, ImageBackground } from 'react-native'; import {
import { FontAwesome } from '@expo/vector-icons'; StyleSheet,
import { FontAwesome5 } from '@expo/vector-icons'; Button,
import { Entypo } from '@expo/vector-icons'; TextInput,
import { Ionicons } from '@expo/vector-icons'; View,
Text,
TouchableOpacity,
ImageBackground,
} from "react-native";
import { FontAwesome } from "@expo/vector-icons";
import { FontAwesome5 } from "@expo/vector-icons";
import { Entypo } from "@expo/vector-icons";
import { Ionicons } from "@expo/vector-icons";
export function PriceScreen({ navigation, data }) { export function PriceScreen({ navigation, data }) {
return (
<View style={styles.container}>
{/* <ImageBackground source={require('../assets/agri.jpg')} style={styles.images}>
return (
<View style={styles.container}>
{/* <ImageBackground source={require('../assets/agri.jpg')} style={styles.images}>
...@@ -55,95 +59,100 @@ export function PriceScreen({ navigation, data }) { ...@@ -55,95 +59,100 @@ export function PriceScreen({ navigation, data }) {
</View> </View>
</View> </View>
</ImageBackground> */} </ImageBackground> */}
<ImageBackground source={require('../assets/signin1.jpg')} style={styles.images}>
<View style={styles.editUSer}>
<TouchableOpacity>
<FontAwesome5 name="user-edit" size={30} color="black" /> <ImageBackground
</TouchableOpacity> source={require("../assets/signin1.jpg")}
</View> style={styles.images}
<View style={styles.secondContainer}> >
<View style={styles.SectionStyle}> <View style={styles.editUSer}>
{/* <Text style={styles.text}> <TouchableOpacity>
<FontAwesome5 name="user-edit" size={30} color="black" />
</TouchableOpacity>
</View>
<View style={styles.secondContainer}>
<View style={styles.SectionStyle}>
{/* <Text style={styles.text}>
HELLO HELLO
</Text> </Text>
<Text style={styles.text1}> <Text style={styles.text1}>
Sign In to your Account Sign In to your Account
</Text> */} </Text> */}
<Text style={{ alignSelf: 'center', marginBottom: 10, fontSize:10}}> User Profile </Text> <Text
style={{ alignSelf: "center", marginBottom: 10, fontSize: 20 }}
>
{" "}
User Profile{" "}
</Text>
<View style={{ alignSelf: 'center', marginBottom: 30 }}> <View style={{ alignSelf: "center", marginBottom: 30 }}>
<Ionicons name="person" size={50} color="black" /> <Ionicons name="person" size={50} color="black" />
</View> </View>
<View style={styles.textinputicon}>
<Entypo name="user" size={30} color="white" />
<TextInput
style={styles.input1}
// onChangeText={(UserEmail) =>
// setUserEmail(UserEmail)
// }
placeholder="Enter Email" //dummy@abc.com
placeholderTextColor="#8b9cb5"
// keyboardType="email-address"
// onSubmitEditing={() =>
// passwordInputRef.current &&
// passwordInputRef.current.focus()
// }
blurOnSubmit={false}
/>
</View>
</View> <View style={styles.textinputicon}>
<Entypo name="user" size={30} color="white" />
<TextInput
style={styles.input1}
// onChangeText={(UserEmail) =>
// setUserEmail(UserEmail)
// }
placeholder="Enter Email" //dummy@abc.com
placeholderTextColor="#8b9cb5"
// keyboardType="email-address"
// onSubmitEditing={() =>
// passwordInputRef.current &&
// passwordInputRef.current.focus()
// }
blurOnSubmit={false}
/>
</View>
</View>
<View style={styles.SectionStyle}> <View style={styles.SectionStyle}>
<View style={styles.textinputicon}> <View style={styles.textinputicon}>
<Entypo name="lock" size={30} color="white" /> <FontAwesome name="money" size={30} color="white" />
<TextInput <TextInput
style={styles.input1} style={styles.input1}
// onChangeText={(UserPassword) => // onChangeText={(UserPassword) =>
// setUserPassword(UserPassword) // setUserPassword(UserPassword)
// } // }
placeholder="Enter Password" //12345 placeholder="Enter Earns" //12345
placeholderTextColor="#8b9cb5" placeholderTextColor="#8b9cb5"
// ref={passwordInputRef} // ref={passwordInputRef}
// onSubmitEditing={Keyboard.dismiss} // onSubmitEditing={Keyboard.dismiss}
blurOnSubmit={false} blurOnSubmit={false}
secureTextEntry={true} secureTextEntry={true}
/> />
</View> </View>
</View> </View>
<View style={styles.SectionStyle}> <View style={styles.SectionStyle}>
<View style={styles.textinputicon}> <View style={styles.textinputicon}>
<Entypo name="location-pin" size={30} color="white" /> <Entypo name="location-pin" size={30} color="white" />
<TextInput <TextInput
style={styles.input1} style={styles.input1}
// onChangeText={(UserPassword) => // onChangeText={(UserPassword) =>
// setUserPassword(UserPassword) // setUserPassword(UserPassword)
// } // }
placeholder="Enter District" //12345 placeholder="Enter District" //12345
placeholderTextColor="#8b9cb5" placeholderTextColor="#8b9cb5"
// ref={passwordInputRef} // ref={passwordInputRef}
// onSubmitEditing={Keyboard.dismiss} // onSubmitEditing={Keyboard.dismiss}
blurOnSubmit={false} blurOnSubmit={false}
secureTextEntry={true} secureTextEntry={true}
/> />
</View> </View>
</View> </View>
<View style={styles.buttons}> <View style={styles.buttons}>
<TouchableOpacity <TouchableOpacity
style={styles.buttonSub} style={styles.buttonSub}
activeOpacity={0.5} activeOpacity={0.5}
onPress={() => navigation.navigate('HomeScreen')} onPress={() => navigation.navigate("HomeScreen")}
> >
<Text style={styles.buttonTextStyle}>Save Details</Text> <Text style={styles.buttonTextStyle}>Save Details</Text>
{/* <ImageBackground source={require('../assets/loginex.jpg')} style={styles.imagebutton}/> */} {/* <ImageBackground source={require('../assets/loginex.jpg')} style={styles.imagebutton}/> */}
</TouchableOpacity> </TouchableOpacity>
{/* <View style={{flexDirection: 'row', {/* <View style={{flexDirection: 'row',
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center',}}> alignItems: 'center',}}>
<Text style={{color: 'black', textAlign: 'center'}}>Dont have an account</Text> <Text style={{color: 'black', textAlign: 'center'}}>Dont have an account</Text>
...@@ -151,105 +160,101 @@ export function PriceScreen({ navigation, data }) { ...@@ -151,105 +160,101 @@ export function PriceScreen({ navigation, data }) {
<Text style={styles.buttonText}>Sign Up</Text> <Text style={styles.buttonText}>Sign Up</Text>
</TouchableOpacity> </TouchableOpacity>
</View> */} </View> */}
<View> <View>
<Text style={styles.text1}> <Text style={styles.text1}>You have earned 5% Discount</Text>
You have earned 5% Discount </View>
</Text> </View>
</View>
</View>
</View>
</ImageBackground>
</View> </View>
) </ImageBackground>
</View>
);
} }
const styles = StyleSheet.create({ const styles = StyleSheet.create({
input: { input: {
borderWidth: 1, borderWidth: 1,
borderColor: '#ddd', borderColor: "#ddd",
padding: 10, padding: 10,
paddingTop: 10, paddingTop: 10,
fontSize: 15, fontSize: 15,
borderRadius: 25, borderRadius: 25,
marginTop: 20, marginTop: 20,
marginBottom: 10, marginBottom: 10,
marginLeft: 19, marginLeft: 19,
marginRight: 19, marginRight: 19,
backgroundColor: 'white', backgroundColor: "white",
}, },
buttonSub: { buttonSub: {
width: "80%", width: "80%",
padding: 10, padding: 10,
marginTop: 30, marginTop: 30,
marginLeft: 45, marginLeft: 45,
marginHorizontal: 10, marginHorizontal: 10,
backgroundColor: "#ff426e", backgroundColor: "#ff426e",
flexDirection: "row", flexDirection: "row",
marginBottom: 20, marginBottom: 20,
justifyContent: "center", justifyContent: "center",
borderRadius: 8, borderRadius: 8,
}, },
images: { images: {
height: '100%', height: "100%",
justifyContent: 'center' justifyContent: "center",
}, },
text: {
fontSize: 30,
alignSelf: "center",
marginTop: 5,
color: 'black'
},
text1: {
fontSize: 20,
alignSelf: "center",
marginBottom: 20,
marginTop: 15,
color: 'black'
},
container: {
justifyContent: 'flex-start',
alignContent: 'stretch'
},
secondContainer: {
justifyContent: 'flex-start',
},
textinputicon: {
// flex: 1,
flexDirection: 'row',
justifyContent: 'center',
alignItems: 'center',
// backgroundColor: '#fff',
color: 'yellow'
}, text: {
input1: { fontSize: 30,
borderWidth: 1, alignSelf: "center",
borderColor: '#ddd', marginTop: 5,
padding: 10, color: "black",
// paddingTop: 10, },
fontSize: 15, text1: {
borderRadius: 25, fontSize: 20,
marginTop: 20, alignSelf: "center",
marginBottom: 10, marginBottom: 20,
marginLeft: 10, marginTop: 15,
marginRight: 19, color: "black",
backgroundColor: 'white', },
width: '75%' container: {
}, justifyContent: "flex-start",
buttonSignUp: { alignContent: "stretch",
width: "20%", },
// padding: 10, secondContainer: {
marginLeft: 10, justifyContent: "flex-start",
// marginHorizontal: 10, },
backgroundColor: "#ff426e", textinputicon: {
flexDirection: "row", // flex: 1,
// marginBottom: 10, flexDirection: "row",
justifyContent: "center", justifyContent: "center",
borderRadius: 8 alignItems: "center",
}, // backgroundColor: '#fff',
editUSer:{ color: "yellow",
alignSelf: "flex-end" },
} input1: {
}); borderWidth: 1,
\ No newline at end of file borderColor: "#ddd",
padding: 10,
// paddingTop: 10,
fontSize: 15,
borderRadius: 25,
marginTop: 20,
marginBottom: 10,
marginLeft: 10,
marginRight: 19,
backgroundColor: "white",
width: "75%",
},
buttonSignUp: {
width: "20%",
// padding: 10,
marginLeft: 10,
// marginHorizontal: 10,
backgroundColor: "#ff426e",
flexDirection: "row",
// marginBottom: 10,
justifyContent: "center",
borderRadius: 8,
},
editUSer: {
alignSelf: "flex-end",
},
});
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