Update: Buttons on homescreen

screen/HomeScreen.js

@@ -32,7 +32,7 @@ export function HomeScreen({ navigation }) {
         style={styles.images}
       >
         <ImageSliderz
-          height={430}
+          height={425}
           dataSource={[
             {
               url: require("../assets/d.jpg"),
@@ -45,6 +45,8 @@ export function HomeScreen({ navigation }) {
             },
           ]}
         />
+        <View style={styles.HomeBtn}>
+
         <View>
           <TouchableOpacity
             style={styles.saveExam}
@@ -56,17 +58,43 @@ export function HomeScreen({ navigation }) {
         </View>
         <View>
           <TouchableOpacity
-            style={styles.saveExam}
-            onPress={() => navigation.navigate("Leaderboard")}
+            style={styles.Auction}
+            onPress={() => navigation.navigate("gamification")}
           >
+            <Ionicons name="game-controller" size={24} color="black" />
+            <Text style={styles.buttonText}>Auction</Text>
+          </TouchableOpacity>
+        </View>
+        </View>
+
+        <View style={styles.HomeBtn}>
+
+
+        <View >
+          <TouchableOpacity
+            style={styles.IOT}
+            onPress={() => navigation.navigate("gamification")}
+            >
+            <Ionicons name="game-controller" size={24} color="black" />
+            <Text style={styles.buttonText}>IOT</Text>
+          </TouchableOpacity>
+        </View>
+        <View>
+          <TouchableOpacity
+            style={styles.Leaderboard}
+            onPress={() => navigation.navigate("Leaderboard")}
+            >
             <MaterialIcons name="leaderboard" size={24} color="black" />
             <Text style={styles.buttonText}>Leaderboard</Text>
           </TouchableOpacity>
         </View>
+
+        </View>
+{/* 
         <Text style={styles.heading}>
           AGRIPRENEURS. Agriculture solution provider.
         </Text>
-        <Text style={styles.heading1}>Build to Empower Entrepreneurs</Text>
+        <Text style={styles.heading1}>Build to Empower Entrepreneurs</Text> */}
         <Text style={styles.heading2}>All Right Reserved.</Text>
 
       </ImageBackground>
@@ -87,16 +115,16 @@ const styles = StyleSheet.create({
     marginTop: 5,
   },
   heading2: {
-    fontSize: 10,
+    fontSize: 15,
     alignSelf: "center",
     marginTop: 5,
   },
   saveExam: {
-    width: "90%",
-    padding: 10,
+    width: "70%",
+    padding: 20,
     marginTop: 25,
     marginLeft: 20,
-    marginHorizontal: 10,
+    // marginHorizontal: 10,
     backgroundColor: "#ff426e",
     flexDirection: "row",
     marginBottom: 15,
@@ -116,4 +144,43 @@ const styles = StyleSheet.create({
     height: "100%",
     justifyContent: "center",
   },
+  HomeBtn:{
+    flexDirection: "row",
+    alignItems: "flex-start",
+    justifyContent:"space-evenly",
+    marginLeft:20
+  },
+  Auction:{
+    width: "80%",
+    padding: 20,
+    marginTop: 25,
+    backgroundColor: "#ff426e",
+    flexDirection: "row",
+    marginBottom: 15,
+    justifyContent: "center",
+    borderRadius: 10,
+  },
+  Leaderboard:{
+    width: "75%",
+    padding: 20,
+    // marginTop: 25,
+    backgroundColor: "#ff426e",
+    flexDirection: "row",
+    marginBottom: 15,
+    justifyContent: "center",
+    borderRadius: 10,
+    marginLeft:20
+
+  },
+  IOT:{
+    width: "78%",
+    padding: 20,
+    // marginTop: 25,
+    backgroundColor: "#ff426e",
+    flexDirection: "row",
+    marginBottom: 15,
+    justifyContent: "center",
+    borderRadius: 10,
+    marginLeft:20
+  }
 });

screen/Leaderboard.js

@@ -5,6 +5,21 @@ import axios from 'axios'
 import { ScrollView } from "react-native-gesture-handler";
 import { FontAwesome } from "@expo/vector-icons";
 
+// function getDetails(params) {
+//     axios.get("http://192.168.8.126:5000/getDetails")
+//                 .then(function (response) {
+//                   const stngobj = JSON.stringify(response.data)
+//                   console.log(stngobj);
+//                   alert("Successfully Update")
+//                   // navigation.navigate("HomeScreen")
+//                   // return response;
+//                 })
+//                 .catch(function (error) {
+//                   console.log(error);
+//                   alert("update error")
+//                 }) 
+// }
+
 
 export function Leaderboard({ navigation, data }) {
 
@@ -14,7 +29,7 @@ export function Leaderboard({ navigation, data }) {
             <ScrollView style={styles.container}>
                 {/* <ImageBackground source={require('../assets/gamification.jpg')} style={styles.images}> */}
 
-
+            {/* {stngobj.map((stngobj) => */}
                 <TouchableOpacity style={styles.touchable} onPress={() => navigation.navigate('PriceScreen')}>
 
                     <View style={styles.card}>
@@ -29,6 +44,9 @@ export function Leaderboard({ navigation, data }) {
                         </View>
                     </View>
                 </TouchableOpacity>
+
+            {/* )} */}
+
                 <TouchableOpacity style={styles.touchable} onPress={() => navigation.navigate('PriceScreen')}>
 
                     <View style={styles.card}>

screen/PriceScreen.js

@@ -96,7 +96,7 @@ export function PriceScreen({ navigation, data }) {
         })
         .catch(function (error) {
           console.log(error);
-          alert("Login failed")
+          alert("Please Insert new Data")
         }) }
       ]
     );
@@ -162,7 +162,7 @@ export function PriceScreen({ navigation, data }) {
             )}
           </View>
 
-          <View style={styles.SectionStyle}>
+          {/* <View style={styles.SectionStyle}>
             <View style={styles.textinputicon}>
               <FontAwesome name="money" size={30} color="white" />
               <TextInput
@@ -181,7 +181,7 @@ export function PriceScreen({ navigation, data }) {
                 Email must be 4 characters long
               </Text>
             )}
-          </View>
+          </View> */}
           <View style={styles.SectionStyle}>
             <View style={styles.textinputicon}>
               <Entypo name="location-pin" size={30} color="white" />