minor UI updates

parent 146e53b9
......@@ -3,7 +3,7 @@
// Import React and Component
import React from 'react';
import { StyleSheet, View, Text, TouchableOpacity } from "react-native";
import { StyleSheet, View, Text, TouchableOpacity, ImageBackground } from "react-native";
import ImageSliderz from "react-native-image-slideshow";
import {
AntDesign,
......@@ -18,8 +18,10 @@ export function HomeScreen({ navigation }) {
return (
<View style={styles.background}>
<ImageBackground source={require('../assets/signin1.jpg')} style={styles.images}>
<ImageSliderz
height={450}
height={350}
dataSource={[
{
url: require("../assets/d.jpg"),
......@@ -60,6 +62,7 @@ export function HomeScreen({ navigation }) {
<Text style={styles.heading2}>
All Right Reserved.
</Text>
</ImageBackground>
</View>
);
}
......@@ -86,7 +89,7 @@ const styles = StyleSheet.create({
marginTop: 25,
marginLeft: 20,
marginHorizontal: 10,
backgroundColor: "#ff8000",
backgroundColor: "#ff426e",
flexDirection: "row",
marginBottom: 15,
justifyContent: "center",
......@@ -101,6 +104,10 @@ const styles = StyleSheet.create({
background:{
backgroundColor: '#bababa',
height: '100%'
}
},
images: {
height: '100%',
justifyContent: 'center'
}
});
......@@ -16,12 +16,7 @@ export function PriceScreen({ navigation, data }) {
<View style={styles.editUSer}>
<TouchableOpacity>
<FontAwesome5 name="user-edit" size={30} color="black" />
</TouchableOpacity>
</View>
<View style={styles.inContainer}>
<View ><Text style={styles.heading}>User Profile</Text></View>
<View style={styles.iconStyle}>
......@@ -61,7 +56,14 @@ export function PriceScreen({ navigation, data }) {
</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}>
......@@ -116,13 +118,13 @@ export function PriceScreen({ navigation, data }) {
</View>
<View style={styles.SectionStyle}>
<View style={styles.textinputicon}>
<Entypo name="lock" size={30} color="white" />
<Entypo name="location-pin" size={30} color="white" />
<TextInput
style={styles.input1}
// onChangeText={(UserPassword) =>
// setUserPassword(UserPassword)
// }
placeholder="Enter Password" //12345
placeholder="Enter District" //12345
placeholderTextColor="#8b9cb5"
// ref={passwordInputRef}
// onSubmitEditing={Keyboard.dismiss}
......@@ -179,7 +181,7 @@ const styles = StyleSheet.create({
width: "80%",
padding: 10,
marginTop: 30,
marginLeft: 30,
marginLeft: 45,
marginHorizontal: 10,
backgroundColor: "#ff426e",
flexDirection: "row",
......@@ -246,5 +248,8 @@ const styles = StyleSheet.create({
// marginBottom: 10,
justifyContent: "center",
borderRadius: 8
},
editUSer:{
alignSelf: "flex-end"
}
});
\ No newline at end of file
......@@ -128,7 +128,7 @@ const styles = StyleSheet.create({
marginTop: 60,
marginLeft: 30,
marginHorizontal: 10,
backgroundColor: "#ff8000",
backgroundColor: "yellow",
flexDirection: "row",
marginBottom: 10,
justifyContent: "center",
......
......@@ -125,7 +125,7 @@ const styles = StyleSheet.create({
textdata:{
fontSize: 18,
textAlign: 'center',
color: '#ff8000',
color: 'black',
marginTop: 20,
marginBottom: 5,
......
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