lesson-18

gamezone/App.js

@@ -24,4 +24,4 @@ export default function App() {
     )
   }
 
-}
+}

gamezone/screens/about.js

@@ -1,16 +1,11 @@
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
+import { globalStyles } from './styles/global';
 
 export default function About() {
   return (
-    <View style={styles.container}>
+    <View style={globalStyles.container}>
       <Text>About Screen</Text>
     </View>
   );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    padding: 24,
-  },
-});
+}

gamezone/screens/home.js

@@ -1,20 +1,11 @@
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
+import { globalStyles } from '../styles/global';
 
 export default function Home() {
   return (
-    <View style={styles.container}>
-      <Text style={styles.titleText}>Home Screen</Text>
+    <View style={globalStyles.container}>
+      <Text style={globalStyles.titleText}>Home Screen</Text>
     </View>
   );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    padding: 24,
-  },
-  titleText: {
-    fontFamily: 'nunito-bold',
-    fontSize: 18,
-  }
-});
+}

gamezone/screens/reviewDetails.js

@@ -1,16 +1,11 @@
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
+import { globalStyles } from '../styles/global';
 
 export default function ReviewDetails() {
   return (
-    <View style={styles.container}>
+    <View style={globalStyles.container}>
       <Text>ReviewDetails Screen</Text>
     </View>
   );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    padding: 24,
-  },
-});
+}

gamezone/styles/global.js

@@ -0,0 +1,17 @@
+import { StyleSheet } from 'react-native';
+
+export const globalStyles = StyleSheet.create({
+  titleText: {
+    fontSize: 18,
+    fontWeight: 'bold',
+    color: '#333',
+  },
+  paragraph: {
+    marginVertical: 8,
+    lineHeight: 20,
+  },
+  container: {
+    flex: 1,
+    padding: 20,
+  },
+});