Components

src/components/Categories.js

@@ -4,10 +4,10 @@ import ApplicationHeader from './ApplicationHeader';
 import CategoryItem from './CategoryItem';
 
 const Categories = () => {
-  const { categoriesListStyle } = styles;
+  const { categoriesContainerStyle, categoriesListStyle } = styles;
 
   return (
-    <View>
+    <View style={categoriesContainerStyle}>
       <ApplicationHeader headerText='MeMe' headerBackgroudColor='#6d6e71' />
       <View style={categoriesListStyle}>
         <CategoryItem categoryName='ANATOMIJA' categoryBackgroudColor='#f7bcbc' />
@@ -22,7 +22,11 @@ const Categories = () => {
 const styles = {
   categoriesListStyle: {
     flexDirection: 'column',
-    justifyContent: 'center'
+    flex: 1
+  },
+
+  categoriesContainerStyle: {
+    flex: 1, flexDirection: 'column'
   }
 };