From 8148d33728d7004883145d70c5520635b8a06a7f Mon Sep 17 00:00:00 2001
From: Wisdom Ekpotu <whizfidel@gmail.com>
Date: Sat, 10 Dec 2022 00:44:13 -0800
Subject: [PATCH] fix: fixed hungry and home screens

---
 App.js               | 150 +++++++++++++++++++++----------------------
 assets/slider.png    | Bin 0 -> 1841 bytes
 screens/Avoiding.js  |  12 ++++
 screens/HowHungry.js | 102 +++++++++++++++++++++++++----
 4 files changed, 176 insertions(+), 88 deletions(-)
 create mode 100644 assets/slider.png
 create mode 100644 screens/Avoiding.js

diff --git a/App.js b/App.js
index fd01ec9..dfb6afe 100644
--- a/App.js
+++ b/App.js
@@ -9,6 +9,7 @@ import { useFonts } from 'expo-font';
 //import screens
 import Budget from './screens/Budget';
 import Final from './screens/Final';
+import Avoiding from './screens/Avoiding';
 import HowHungry from './screens/HowHungry';
 import MealOptions from './screens/MealOptions';
 import OrderDetails from './screens/OrderDetails';
@@ -20,12 +21,23 @@ import HowLong from './screens/HowLong';
 
 const Tab = createBottomTabNavigator();
 
-function Home() {
+// function Home() {
+//   return (
+
+//   );
+// }
+
+function Otherscreens() {
   return (
-    <Tab.Navigator>
-      <Tab.Screen
-        name='Budget'
+    <Stack.Navigator>
+      <Stack.Screen
+        name='Home'
         component={Budget}
+        options={{ headerShown: false }}
+      />
+      <Stack.Screen
+        name='MealOptions'
+        component={MealOptions}
         options={{
           title: 'Savour it',
           headerTitleStyle: {
@@ -37,54 +49,45 @@ function Home() {
             top: 10,
             fontFamily: 'Lactosa',
             fontStyle: 'normal',
-            fontWeight: 400,
             color: '#FFFFFF',
             border: '2.36364px solid #DA0091',
             textShadow: '0px 2.36364px 0px rgba(218, 0, 145, 0.25)',
             fontWeight: '400',
           },
           headerStyle: { backgroundColor: '#DA0091' },
-          tabBarLabel: 'Budget',
-          tabBarIcon: ({ color, size }) => (
-            <FontAwesome name='cutlery' size={24} color='black' />
-          ),
-        }}
-      />
-      <Tab.Screen
-        name='Search'
-        component={Search}
-        options={{
-          tabBarLabel: 'Search',
-          tabBarIcon: ({ color, size }) => (
-            <FontAwesome name='search' size={24} color='black' />
-          ),
         }}
       />
-      <Tab.Screen
-        name='Orders'
-        component={Orders}
+      <Stack.Screen name='HowLong' component={HowLong} />
+      <Stack.Screen
+        name='HowHungry'
+        component={HowHungry}
         options={{
-          tabBarLabel: 'Orders',
-          tabBarStyle: { display: 'none' },
-          tabBarIcon: ({ color, size }) => (
-            <MaterialIcons name='bookmark-border' size={24} color='black' />
-          ),
-        }}
-      />
-      <Tab.Screen
-        name='Profile'
-        component={Profile}
-        options={{
-          tabBarLabel: 'Profile',
-          tabBarIcon: ({ color, size }) => (
-            <Feather name='user' size={24} color='black' />
-          ),
+          headerShown: false,
+          title: 'Savour it',
+          headerTitleStyle: {
+            color: 'white',
+            position: 'absolute',
+            width: 91,
+            height: 78,
+            left: 140,
+            top: 10,
+            fontFamily: 'Lactosa',
+            fontStyle: 'normal',
+            color: '#FFFFFF',
+            border: '2.36364px solid #DA0091',
+            textShadow: '0px 2.36364px 0px rgba(218, 0, 145, 0.25)',
+            fontWeight: '400',
+          },
+          headerStyle: { backgroundColor: '#DA0091' },
         }}
       />
-    </Tab.Navigator>
+      <Stack.Screen name='OrderDetails' component={OrderDetails} />
+      <Stack.Screen name='Final' component={Final} />
+      <Stack.Screen name='Avoiding' component={Avoiding} />
+      <Stack.Screen name='Curating' component={Curating} />
+    </Stack.Navigator>
   );
 }
-
 const Stack = createNativeStackNavigator();
 export default function App() {
   const [loaded] = useFonts({
@@ -98,17 +101,12 @@ export default function App() {
 
   return (
     <NavigationContainer>
-      <Stack.Navigator>
-        <Stack.Screen
-          name='Home'
-          component={Home}
-          options={{ headerShown: false }}
-        />
-        <Stack.Screen
-          name='MealOptions'
-          component={MealOptions}
+      <Tab.Navigator>
+        <Tab.Screen
+          name='Budget'
+          component={Otherscreens}
           options={{
-            title: 'Awesome app',
+            title: 'Savour it',
             headerTitleStyle: {
               color: 'white',
               position: 'absolute',
@@ -118,6 +116,7 @@ export default function App() {
               top: 10,
               fontFamily: 'Lactosa',
               fontStyle: 'normal',
+              fontWeight: 400,
               color: '#FFFFFF',
               border: '2.36364px solid #DA0091',
               textShadow: '0px 2.36364px 0px rgba(218, 0, 145, 0.25)',
@@ -130,37 +129,38 @@ export default function App() {
             ),
           }}
         />
-        <Stack.Screen name='HowLong' component={HowLong} />
-        <Stack.Screen
-          name='HowHungry'
-          component={HowHungry}
+        <Tab.Screen
+          name='Search'
+          component={Search}
           options={{
-            title: 'Savour it',
-            headerTitleStyle: {
-              color: 'white',
-              position: 'absolute',
-              width: 91,
-              height: 78,
-              left: 140,
-              top: 10,
-              fontFamily: 'Lactosa',
-              fontStyle: 'normal',
-              color: '#FFFFFF',
-              border: '2.36364px solid #DA0091',
-              textShadow: '0px 2.36364px 0px rgba(218, 0, 145, 0.25)',
-              fontWeight: '400',
-            },
-            headerStyle: { backgroundColor: '#DA0091' },
-            tabBarLabel: 'Budget',
+            tabBarLabel: 'Search',
             tabBarIcon: ({ color, size }) => (
-              <FontAwesome name='cutlery' size={24} color='black' />
+              <FontAwesome name='search' size={24} color='black' />
+            ),
+          }}
+        />
+        <Tab.Screen
+          name='Orders'
+          component={Orders}
+          options={{
+            tabBarLabel: 'Orders',
+
+            tabBarIcon: ({ color, size }) => (
+              <MaterialIcons name='bookmark-border' size={24} color='black' />
+            ),
+          }}
+        />
+        <Tab.Screen
+          name='Profile'
+          component={Profile}
+          options={{
+            tabBarLabel: 'Profile',
+            tabBarIcon: ({ color, size }) => (
+              <Feather name='user' size={24} color='black' />
             ),
           }}
         />
-        <Stack.Screen name='OrderDetails' component={OrderDetails} />
-        <Stack.Screen name='Final' component={Final} />
-        <Stack.Screen name='Curating' component={Curating} />
-      </Stack.Navigator>
+      </Tab.Navigator>
     </NavigationContainer>
   );
 }
diff --git a/assets/slider.png b/assets/slider.png
new file mode 100644
index 0000000000000000000000000000000000000000..e4e4c34a8129415fd442999ef164466a4cbeb9e6
GIT binary patch
literal 1841
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
G^1lIL{6?Yx

literal 0
HcmV?d00001

diff --git a/screens/Avoiding.js b/screens/Avoiding.js
new file mode 100644
index 0000000..e953aab
--- /dev/null
+++ b/screens/Avoiding.js
@@ -0,0 +1,12 @@
+import { StyleSheet, Text, View } from 'react-native';
+import React from 'react';
+
+export default function Avoiding() {
+  return (
+    <View>
+      <Text>Avaoiding</Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({});
diff --git a/screens/HowHungry.js b/screens/HowHungry.js
index bff63c8..bf39db2 100644
--- a/screens/HowHungry.js
+++ b/screens/HowHungry.js
@@ -1,21 +1,97 @@
-import { StyleSheet, Text, View } from 'react-native';
+import { Image, Pressable, StyleSheet, Text, View } from 'react-native';
 import React from 'react';
-import Slider from '@react-native-community/slider';
 
-export default function HowHungry() {
+export default function HowHungry({ navigation }) {
   return (
     <View>
-      <Slider
-        style={{ width: 200, height: 40 }}
-        minimumValue={0}
-        maximumValue={1}
-        vertical='true'
-        disabled='true'
-        minimumTrackTintColor='#FFFFFF'
-        maximumTrackTintColor='#000000'
-      />
+      <Text style={styles.text}>How hungry are{'\n'}you?</Text>
+      <Image style={styles.img} source={require('../assets/slider.png')} />
+      <Text style={styles.text1}>Very hungry</Text>
+      <Text style={styles.text2}>Not very hungry</Text>
+      <Text style={styles.text3}>Not hungry</Text>
+      <View style={styles.button}>
+        <Pressable onPress={() => navigation.navigate('Avoiding')}>
+          <Text style={styles.btn_text}>Continue</Text>
+        </Pressable>
+      </View>
     </View>
   );
 }
 
-const styles = StyleSheet.create({});
+const styles = StyleSheet.create({
+  text1: {
+    position: 'absolute',
+    width: 119,
+    height: 26,
+    left: 159,
+    top: 214,
+    fontStyle: 'normal',
+    fontWeight: '800',
+    fontSize: 22,
+    lineHeight: 26,
+    letterSpacing: -0.03,
+    color: '#DA0091',
+  },
+
+  text2: {
+    position: 'absolute',
+    width: 122,
+    height: 20,
+    left: 159,
+    top: 353,
+    fontStyle: 'normal',
+    fontWeight: '700',
+    fontSize: 17,
+    lineHeight: 20,
+    letterSpacing: -0.03,
+    color: '#DA0091',
+  },
+
+  text3: {
+    position: 'absolute',
+    width: 69,
+    height: 17,
+    left: 159,
+    top: 500,
+    fontStyle: 'normal',
+    fontWeight: '500',
+    fontSize: 14,
+    lineHeight: 17,
+    letterSpacing: -0.03,
+    color: '#DA0091',
+  },
+  img: { position: 'absolute', left: 80, top: 210 },
+
+  text: {
+    color: '#4D0033',
+    position: 'absolute',
+    width: 273,
+    height: 64,
+    left: 60,
+    top: 45,
+    fontfamily: 'Clash',
+    fontStyle: 'normal',
+    fontWeight: '600',
+    fontSize: 28,
+    lineHeight: 40,
+    textAlign: 'center',
+    color: '#4D0033',
+  },
+  button: {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignitems: 'center',
+    paddingTop: 20,
+    paddingBottom: 0,
+    gap: 8,
+    position: 'absolute',
+    width: 329,
+    height: 62,
+    left: 32,
+    top: 600,
+    color: 'white',
+    backgroundColor: '#B9B9B9',
+    borderRadius: 89,
+  },
+});