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 }) {
<ImageBackground source={require('../assets/signin1.jpg')} style={styles.images}>
<ImageSliderz
height={350}
height={430}
dataSource={[
{
url: require("../assets/d.jpg"),
......
screen/PriceScreen.js
View file @ a832ff6e
import React, { useState, useEffect } from 'react';
import { StyleSheet, Button, TextInput, 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';
import React, { useState, useEffect } from "react";
import {
StyleSheet,
Button,
TextInput,
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 }) {
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 }) {
</View>
</View>
</ImageBackground> */}
<ImageBackground source={require('../assets/signin1.jpg')} style={styles.images}>
<View style={styles.editUSer}>
<TouchableOpacity>
<FontAwesome5 name="user-edit" size={30} color="black" />
</TouchableOpacity>
</View>
<View style={styles.secondContainer}>
<View style={styles.SectionStyle}>
{/* <Text style={styles.text}>
<ImageBackground
source={require("../assets/signin1.jpg")}
style={styles.images}
>
<View style={styles.editUSer}>
<TouchableOpacity>
<FontAwesome5 name="user-edit" size={30} color="black" />
</TouchableOpacity>
</View>
<View style={styles.secondContainer}>
<View style={styles.SectionStyle}>
{/* <Text style={styles.text}>
HELLO
</Text>
<Text style={styles.text1}>
Sign In to your Account
</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 }}>
<Ionicons name="person" size={50} color="black" />
</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 style={{ alignSelf: "center", marginBottom: 30 }}>
<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.SectionStyle}>
<View style={styles.textinputicon}>
<Entypo name="lock" size={30} color="white" />
<TextInput
style={styles.input1}
// onChangeText={(UserPassword) =>
// setUserPassword(UserPassword)
// }
placeholder="Enter Password" //12345
placeholderTextColor="#8b9cb5"
// ref={passwordInputRef}
// onSubmitEditing={Keyboard.dismiss}
blurOnSubmit={false}
secureTextEntry={true}
/>
</View>
</View>
<View style={styles.SectionStyle}>
<View style={styles.textinputicon}>
<Entypo name="location-pin" size={30} color="white" />
<TextInput
style={styles.input1}
// onChangeText={(UserPassword) =>
// setUserPassword(UserPassword)
// }
placeholder="Enter District" //12345
placeholderTextColor="#8b9cb5"
// ref={passwordInputRef}
// onSubmitEditing={Keyboard.dismiss}
blurOnSubmit={false}
secureTextEntry={true}
/>
</View>
</View>
<View style={styles.buttons}>
<TouchableOpacity
style={styles.buttonSub}
activeOpacity={0.5}
onPress={() => navigation.navigate('HomeScreen')}
>
<Text style={styles.buttonTextStyle}>Save Details</Text>
{/* <ImageBackground source={require('../assets/loginex.jpg')} style={styles.imagebutton}/> */}
</TouchableOpacity>
<View style={styles.SectionStyle}>
<View style={styles.textinputicon}>
<FontAwesome name="money" size={30} color="white" />
<TextInput
style={styles.input1}
// onChangeText={(UserPassword) =>
// setUserPassword(UserPassword)
// }
placeholder="Enter Earns" //12345
placeholderTextColor="#8b9cb5"
// ref={passwordInputRef}
// onSubmitEditing={Keyboard.dismiss}
blurOnSubmit={false}
secureTextEntry={true}
/>
</View>
</View>
<View style={styles.SectionStyle}>
<View style={styles.textinputicon}>
<Entypo name="location-pin" size={30} color="white" />
<TextInput
style={styles.input1}
// onChangeText={(UserPassword) =>
// setUserPassword(UserPassword)
// }
placeholder="Enter District" //12345
placeholderTextColor="#8b9cb5"
// ref={passwordInputRef}
// onSubmitEditing={Keyboard.dismiss}
blurOnSubmit={false}
secureTextEntry={true}
/>
</View>
</View>
<View style={styles.buttons}>
<TouchableOpacity
style={styles.buttonSub}
activeOpacity={0.5}
onPress={() => navigation.navigate("HomeScreen")}
>
<Text style={styles.buttonTextStyle}>Save Details</Text>
{/* <ImageBackground source={require('../assets/loginex.jpg')} style={styles.imagebutton}/> */}
</TouchableOpacity>
{/* <View style={{flexDirection: 'row',
{/* <View style={{flexDirection: 'row',
justifyContent: 'center',
alignItems: 'center',}}>
<Text style={{color: 'black', textAlign: 'center'}}>Dont have an account</Text>
......@@ -151,105 +160,101 @@ export function PriceScreen({ navigation, data }) {
<Text style={styles.buttonText}>Sign Up</Text>
</TouchableOpacity>
</View> */}
<View>
<Text style={styles.text1}>
You have earned 5% Discount
</Text>
</View>
</View>
</View>
</ImageBackground>
<View>
<Text style={styles.text1}>You have earned 5% Discount</Text>
</View>
</View>
</View>
)
</ImageBackground>
</View>
);
}
const styles = StyleSheet.create({
input: {
borderWidth: 1,
borderColor: '#ddd',
padding: 10,
paddingTop: 10,
fontSize: 15,
borderRadius: 25,
marginTop: 20,
marginBottom: 10,
marginLeft: 19,
marginRight: 19,
backgroundColor: 'white',
},
buttonSub: {
width: "80%",
padding: 10,
marginTop: 30,
marginLeft: 45,
marginHorizontal: 10,
backgroundColor: "#ff426e",
flexDirection: "row",
marginBottom: 20,
justifyContent: "center",
borderRadius: 8,
},
images: {
height: '100%',
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'
input: {
borderWidth: 1,
borderColor: "#ddd",
padding: 10,
paddingTop: 10,
fontSize: 15,
borderRadius: 25,
marginTop: 20,
marginBottom: 10,
marginLeft: 19,
marginRight: 19,
backgroundColor: "white",
},
buttonSub: {
width: "80%",
padding: 10,
marginTop: 30,
marginLeft: 45,
marginHorizontal: 10,
backgroundColor: "#ff426e",
flexDirection: "row",
marginBottom: 20,
justifyContent: "center",
borderRadius: 8,
},
images: {
height: "100%",
justifyContent: "center",
},
},
input1: {
borderWidth: 1,
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"
}
});
\ No newline at end of file
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",
},
input1: {
borderWidth: 1,
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