Update: code formatted

parent ad7284ac
......@@ -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"),
......
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}>
......@@ -56,11 +60,12 @@ export function PriceScreen({ navigation, data }) {
</View>
</ImageBackground> */}
<ImageBackground source={require('../assets/signin1.jpg')} style={styles.images}>
<ImageBackground
source={require("../assets/signin1.jpg")}
style={styles.images}
>
<View style={styles.editUSer}>
<TouchableOpacity>
<FontAwesome5 name="user-edit" size={30} color="black" />
</TouchableOpacity>
</View>
......@@ -73,9 +78,14 @@ export function PriceScreen({ navigation, data }) {
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 }}>
<View style={{ alignSelf: "center", marginBottom: 30 }}>
<Ionicons name="person" size={50} color="black" />
</View>
......@@ -96,18 +106,17 @@ export function PriceScreen({ navigation, data }) {
blurOnSubmit={false}
/>
</View>
</View>
<View style={styles.SectionStyle}>
<View style={styles.textinputicon}>
<Entypo name="lock" size={30} color="white" />
<FontAwesome name="money" size={30} color="white" />
<TextInput
style={styles.input1}
// onChangeText={(UserPassword) =>
// setUserPassword(UserPassword)
// }
placeholder="Enter Password" //12345
placeholder="Enter Earns" //12345
placeholderTextColor="#8b9cb5"
// ref={passwordInputRef}
// onSubmitEditing={Keyboard.dismiss}
......@@ -137,7 +146,7 @@ export function PriceScreen({ navigation, data }) {
<TouchableOpacity
style={styles.buttonSub}
activeOpacity={0.5}
onPress={() => navigation.navigate('HomeScreen')}
onPress={() => navigation.navigate("HomeScreen")}
>
<Text style={styles.buttonTextStyle}>Save Details</Text>
{/* <ImageBackground source={require('../assets/loginex.jpg')} style={styles.imagebutton}/> */}
......@@ -152,21 +161,19 @@ export function PriceScreen({ navigation, data }) {
</TouchableOpacity>
</View> */}
<View>
<Text style={styles.text1}>
You have earned 5% Discount
</Text>
<Text style={styles.text1}>You have earned 5% Discount</Text>
</View>
</View>
</View>
</ImageBackground>
</View>
)
);
}
const styles = StyleSheet.create({
input: {
borderWidth: 1,
borderColor: '#ddd',
borderColor: "#ddd",
padding: 10,
paddingTop: 10,
fontSize: 15,
......@@ -175,7 +182,7 @@ const styles = StyleSheet.create({
marginBottom: 10,
marginLeft: 19,
marginRight: 19,
backgroundColor: 'white',
backgroundColor: "white",
},
buttonSub: {
width: "80%",
......@@ -190,43 +197,41 @@ const styles = StyleSheet.create({
borderRadius: 8,
},
images: {
height: '100%',
justifyContent: 'center'
height: "100%",
justifyContent: "center",
},
text: {
fontSize: 30,
alignSelf: "center",
marginTop: 5,
color: 'black'
color: "black",
},
text1: {
fontSize: 20,
alignSelf: "center",
marginBottom: 20,
marginTop: 15,
color: 'black'
color: "black",
},
container: {
justifyContent: 'flex-start',
alignContent: 'stretch'
justifyContent: "flex-start",
alignContent: "stretch",
},
secondContainer: {
justifyContent: 'flex-start',
justifyContent: "flex-start",
},
textinputicon: {
// flex: 1,
flexDirection: 'row',
justifyContent: 'center',
alignItems: 'center',
flexDirection: "row",
justifyContent: "center",
alignItems: "center",
// backgroundColor: '#fff',
color: 'yellow'
color: "yellow",
},
input1: {
borderWidth: 1,
borderColor: '#ddd',
borderColor: "#ddd",
padding: 10,
// paddingTop: 10,
fontSize: 15,
......@@ -235,8 +240,8 @@ const styles = StyleSheet.create({
marginBottom: 10,
marginLeft: 10,
marginRight: 19,
backgroundColor: 'white',
width: '75%'
backgroundColor: "white",
width: "75%",
},
buttonSignUp: {
width: "20%",
......@@ -247,9 +252,9 @@ const styles = StyleSheet.create({
flexDirection: "row",
// marginBottom: 10,
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