Update: code formatted

parent ad7284ac
...@@ -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"),
......
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 ( return (
<View style={styles.container}> <View style={styles.container}>
{/* <ImageBackground source={require('../assets/agri.jpg')} style={styles.images}> {/* <ImageBackground source={require('../assets/agri.jpg')} style={styles.images}>
...@@ -56,11 +60,12 @@ export function PriceScreen({ navigation, data }) { ...@@ -56,11 +60,12 @@ export function PriceScreen({ navigation, data }) {
</View> </View>
</ImageBackground> */} </ImageBackground> */}
<ImageBackground
<ImageBackground source={require('../assets/signin1.jpg')} style={styles.images}> source={require("../assets/signin1.jpg")}
style={styles.images}
>
<View style={styles.editUSer}> <View style={styles.editUSer}>
<TouchableOpacity> <TouchableOpacity>
<FontAwesome5 name="user-edit" size={30} color="black" /> <FontAwesome5 name="user-edit" size={30} color="black" />
</TouchableOpacity> </TouchableOpacity>
</View> </View>
...@@ -73,9 +78,14 @@ export function PriceScreen({ navigation, data }) { ...@@ -73,9 +78,14 @@ export function PriceScreen({ navigation, data }) {
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>
...@@ -96,18 +106,17 @@ export function PriceScreen({ navigation, data }) { ...@@ -96,18 +106,17 @@ export function PriceScreen({ navigation, data }) {
blurOnSubmit={false} blurOnSubmit={false}
/> />
</View> </View>
</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}
...@@ -137,7 +146,7 @@ export function PriceScreen({ navigation, data }) { ...@@ -137,7 +146,7 @@ export function PriceScreen({ navigation, data }) {
<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}/> */}
...@@ -152,21 +161,19 @@ export function PriceScreen({ navigation, data }) { ...@@ -152,21 +161,19 @@ export function PriceScreen({ navigation, data }) {
</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
</Text>
</View> </View>
</View> </View>
</View> </View>
</ImageBackground> </ImageBackground>
</View> </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,
...@@ -175,7 +182,7 @@ const styles = StyleSheet.create({ ...@@ -175,7 +182,7 @@ const styles = StyleSheet.create({
marginBottom: 10, marginBottom: 10,
marginLeft: 19, marginLeft: 19,
marginRight: 19, marginRight: 19,
backgroundColor: 'white', backgroundColor: "white",
}, },
buttonSub: { buttonSub: {
width: "80%", width: "80%",
...@@ -190,43 +197,41 @@ const styles = StyleSheet.create({ ...@@ -190,43 +197,41 @@ const styles = StyleSheet.create({
borderRadius: 8, borderRadius: 8,
}, },
images: { images: {
height: '100%', height: "100%",
justifyContent: 'center' justifyContent: "center",
}, },
text: { text: {
fontSize: 30, fontSize: 30,
alignSelf: "center", alignSelf: "center",
marginTop: 5, marginTop: 5,
color: 'black' color: "black",
}, },
text1: { text1: {
fontSize: 20, fontSize: 20,
alignSelf: "center", alignSelf: "center",
marginBottom: 20, marginBottom: 20,
marginTop: 15, marginTop: 15,
color: 'black' color: "black",
}, },
container: { container: {
justifyContent: 'flex-start', justifyContent: "flex-start",
alignContent: 'stretch' alignContent: "stretch",
}, },
secondContainer: { secondContainer: {
justifyContent: 'flex-start', justifyContent: "flex-start",
}, },
textinputicon: { textinputicon: {
// flex: 1, // flex: 1,
flexDirection: 'row', flexDirection: "row",
justifyContent: 'center', justifyContent: "center",
alignItems: 'center', alignItems: "center",
// backgroundColor: '#fff', // backgroundColor: '#fff',
color: 'yellow' color: "yellow",
}, },
input1: { input1: {
borderWidth: 1, borderWidth: 1,
borderColor: '#ddd', borderColor: "#ddd",
padding: 10, padding: 10,
// paddingTop: 10, // paddingTop: 10,
fontSize: 15, fontSize: 15,
...@@ -235,8 +240,8 @@ const styles = StyleSheet.create({ ...@@ -235,8 +240,8 @@ const styles = StyleSheet.create({
marginBottom: 10, marginBottom: 10,
marginLeft: 10, marginLeft: 10,
marginRight: 19, marginRight: 19,
backgroundColor: 'white', backgroundColor: "white",
width: '75%' width: "75%",
}, },
buttonSignUp: { buttonSignUp: {
width: "20%", width: "20%",
...@@ -247,9 +252,9 @@ const styles = StyleSheet.create({ ...@@ -247,9 +252,9 @@ const styles = StyleSheet.create({
flexDirection: "row", flexDirection: "row",
// marginBottom: 10, // marginBottom: 10,
justifyContent: "center", justifyContent: "center",
borderRadius: 8 borderRadius: 8,
},
editUSer: {
alignSelf: "flex-end",
}, },
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