minor UI updates

screen/HomeScreen.js

@@ -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'
+}
 });
 

screen/PriceScreen.js

@@ -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

screen/SignUp.js

@@ -128,7 +128,7 @@ const styles = StyleSheet.create({
     marginTop: 60,
     marginLeft: 30,
     marginHorizontal: 10,
-    backgroundColor: "#ff8000",
+    backgroundColor: "yellow",
     flexDirection: "row",
     marginBottom: 10,
     justifyContent: "center",

screen/gamification.js

@@ -125,7 +125,7 @@ const styles = StyleSheet.create({
   textdata:{
     fontSize: 18,
     textAlign: 'center',
-    color: '#ff8000',
+    color: 'black',
     marginTop: 20,
     marginBottom: 5,