add global styling file, update readme

App.tsx

@@ -1,5 +1,6 @@
 import { StatusBar } from 'expo-status-bar';
 import { StyleSheet, Text, View } from 'react-native';
+import { globalStyles } from 'style';
 
 const App = () => {
   return (
@@ -12,7 +13,8 @@ const App = () => {
 
 const styles = StyleSheet.create({
   container: {
-    flex: 1,
+    ...globalStyles.horizontalFlex,
+    ...globalStyles.centerFlex,
     backgroundColor: 'white',
     alignItems: 'center',
     justifyContent: 'center',

README.md

@@ -26,7 +26,9 @@
 
 ## Styling
 
-<!-- TODO -->
+### File **_style.ts_** contains all contains all global styling that are being used in app (flex, grid, variables etc.)
+
+`You should declare all reusable stylings there`
 
 ## Form
 

style.ts

@@ -0,0 +1,17 @@
+import { StyleSheet } from 'react-native';
+
+const globalStyles = StyleSheet.create({
+  verticalFlex: {
+    display: 'flex',
+    flexDirection: 'column',
+  },
+  horizontalFlex: {
+    display: 'flex',
+  },
+  centerFlex: {
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+});
+
+export { globalStyles };