Initial navigation draft

src/util/style.ts

@@ -1,28 +1,29 @@
-import { StyleSheet } from 'react-native';
+import { StyleSheet } from "react-native";
 
 const colorScheme = {
   background: "#273043",
   postBox: "#9197AE",
   postFont: "#EFF6EE",
   accept: "#4D8B31",
-  error: "#F02D3A"
-}
+  error: "#F02D3A",
+};
 
 export const style = StyleSheet.create({
-  app: { // Outermost container
+  app: {
+    // Outermost container
     flex: 1,
     backgroundColor: colorScheme.background, // For the "entire" app
-    alignItems: 'center',
-    justifyContent: 'center',
+    alignItems: "center",
+    justifyContent: "center",
     margin: 0,
   },
   postsContainer: {
     margin: 0,
-    height: '100%',
-    width: '100%',
+    height: "100%",
+    width: "100%",
     padding: 5,
-    paddingVertical: 30,
-    justifyContent: 'flex-start',
+    paddingBottom: 10,
+    justifyContent: "flex-start",
     backgroundColor: colorScheme.background, // For the container holding the posts
   },
   postView: {
@@ -35,4 +36,12 @@ export const style = StyleSheet.create({
   postFont: {
     color: colorScheme.postFont,
   },
-});
+  header: {
+    backgroundColor: colorScheme.background,
+  },
+  headerTitle: {
+    fontSize: 20,
+    fontWeight: "bold",
+    color: colorScheme.postFont,
+  },
+});