upd: refactor style

constants/Styles.ts

@@ -118,6 +118,9 @@ const Styles = StyleSheet.create({
    mh15: {
       marginHorizontal: 15
    },
+   mv50: {
+      marginVertical: 50
+   },
    mv10: {
       marginVertical: 10
    },
@@ -169,12 +172,21 @@ const Styles = StyleSheet.create({
    pb10: {
       paddingBottom: 10
    },
+   pb50: {
+      paddingBottom: 50
+   },
+   pb100: {
+      paddingBottom: 100
+   },
    pb13: {
       paddingBottom: 13
    },
    pb15: {
       paddingBottom: 15
    },
+   pb20: {
+      paddingBottom: 20
+   },
    ph05: {
       paddingHorizontal: 5,
    },
@@ -235,6 +247,9 @@ const Styles = StyleSheet.create({
    w100: {
       width: '100%'
    },
+   w48: {
+      width: '48%'
+   },
    w95: {
       width: '95%'
    },
@@ -277,6 +292,9 @@ const Styles = StyleSheet.create({
       justifyContent: 'space-between',
       flexDirection: 'row'
    },
+   justifySpaceBetween: {
+      justifyContent: 'space-between'
+   },
    rowSpaceBetweenReverse: {
       justifyContent: 'space-between',
       flexDirection: 'row-reverse'
@@ -791,6 +809,57 @@ const Styles = StyleSheet.create({
    },
    flex1: {
       flex: 1
+   },
+   flex2: {
+      flex: 2
+   },
+   flexColumn: {
+      flexDirection: 'column'
+   },
+   textCenter: {
+      textAlign: 'center'
+   },
+   posAbsolute: {
+      position: 'absolute'
+   },
+   zIndex1: {
+      zIndex: 1
+   },
+   zIndexMinus1: {
+      zIndex: -1
+   },
+   alignCenter: {
+      alignItems: 'center'
+   },
+   itemsCenter: {
+      alignItems: 'center'
+   },
+   justifyCenter: {
+      justifyContent: 'center'
+   },
+   resizeContain: {
+      resizeMode: 'contain'
+   },
+   resizeCover: {
+      resizeMode: 'cover'
+   },
+   resizeStretch: {
+      resizeMode: 'stretch'
+   },
+   textWhite: {
+      color: 'white'
+   },
+   font16: {
+      fontSize: 16
+   },
+   font26: {
+      fontSize: 26
+   },
+   ph16: {
+      paddingHorizontal: 16
+   },
+   alignStart: {
+      alignItems: 'flex-start'
    }
 })