Update CreateProfile Page

LeftOvers/App.tsx

@@ -1,21 +1,21 @@
 import React from 'react';
 import {StyleSheet, View, SafeAreaView, ScrollView, Text} from 'react-native';
 import HomePage from './screens/HomePage';
-import ModifyProfile from './screens/ModifyProfile';
 import Profiles from './screens/Profiles';
-import RecipeSuggestion from './screens/RecipeSuggestion';
+import ModifyProfile from './screens/ModifyProfile';
 import CreateProfile from './screens/CreateProfile';
 import FiltersSelection from './screens/FiltersSelection';
+import RecipeSuggestion from './screens/RecipeSuggestion';
 import {SafeAreaProvider} from 'react-native-safe-area-context';
 import {LinearGradient} from 'expo-linear-gradient';
 
 export default function App(props) {
   return(
     //<HomePage/>
+    //<Profiles/>
     //<ModifyProfile/>
-    <Profiles/>
-    //<RecipeSuggestion/>
-    //<CreateProfile/>
+    <CreateProfile/>
     //<FiltersSelection/>
+    //<RecipeSuggestion/>
   );
 }

LeftOvers/screens/CreateProfile.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {StyleSheet, View, ScrollView} from 'react-native';
+import {StyleSheet, View, ScrollView, useWindowDimensions} from 'react-native';
 import ProfileModification from '../components/ProfileModification';
 import ValidateButton from '../components/ValidateButton';
 import TopBar from '../components/TopBar';
@@ -11,13 +11,14 @@ export default function CreateProfile(props) {
   const die = [{value: "Dairy free"}, {value: "Gluten free"}, {value: "Porkless"}, {value: "Vegan"}, {value: "Vegetarian"}, {value: "Pescatarian"}]
   return (
     <SafeAreaProvider style={{flex: 1}}>
+        <TopBar title="Create Profile" isVisible="true"/>
         <ScrollView>
-            <TopBar title="Create Profile" isVisible="true"/>
-            <LinearGradient colors={['#2680AA', '#59BDCD']} style={styles.linearGradient}>
-                <View style={{marginTop: 20}}/>
+            <LinearGradient colors={['#2680AA', '#59BDCD']} style={[styles.linearGradient, {minHeight: useWindowDimensions().height}]}>
+                <View style={{marginTop: "6%"}}/>
                 <ProfileModification name="" avatar="plus_small.png" diets={die} allergies={all}></ProfileModification>
-                <View style={{marginTop: 20}}/>
+                <View style={{marginTop: "3%"}}/>
                 <ValidateButton title="Create Profile" image="plus.png" colour="#ACA279" backColour="#F2F0E4"></ValidateButton>
+                <View style={{marginTop: "20%"}}/>
             </LinearGradient>
         </ScrollView>
     </SafeAreaProvider>
@@ -37,7 +38,7 @@ const styles = StyleSheet.create({
     height: "100%",
     width: "100%",
     flex: 1,
-    padding: 10,
+    padding: "2%",
     paddingTop: 0,
   },
 });