1
1
import { StyleSheet } from 'react-native'
2
+ import { Colors } from 'App/Theme'
2
3
3
4
export default StyleSheet . create ( {
4
- fill : {
5
- flex : 1 ,
5
+ backgroundReset : {
6
+ backgroundColor : Colors . transparent ,
6
7
} ,
7
8
center : {
8
9
alignItems : 'center' ,
9
10
justifyContent : 'center' ,
10
11
} ,
11
- fillCenter : {
12
- flex : 1 ,
12
+ colCenter : {
13
13
alignItems : 'center' ,
14
+ flexDirection : 'column' ,
14
15
justifyContent : 'center' ,
15
16
} ,
16
- row : {
17
- flexDirection : 'row' ,
17
+ colCross : {
18
+ alignItems : 'center' ,
19
+ flexDirection : 'column' ,
18
20
} ,
19
- rowReverse : {
20
- flexDirection : 'row-reverse' ,
21
+ colMain : {
22
+ flexDirection : 'column' ,
23
+ justifyContent : 'center' ,
21
24
} ,
22
25
column : {
23
26
flexDirection : 'column' ,
24
27
} ,
25
28
columnReverse : {
26
29
flexDirection : 'column-reverse' ,
27
30
} ,
28
- mainStart : {
29
- justifyContent : 'flex-start' ,
30
- } ,
31
- mainCenter : {
32
- justifyContent : 'center' ,
33
- } ,
34
- mainEnd : {
35
- justifyContent : 'flex-end' ,
36
- } ,
37
- mainSpaceBetween : {
38
- justifyContent : 'space-between' ,
39
- } ,
40
- mainSpaceAround : {
41
- justifyContent : 'space-around' ,
42
- } ,
43
- crossStart : {
44
- alignItems : 'flex-start' ,
45
- } ,
46
31
crossCenter : {
47
32
alignItems : 'center' ,
48
33
} ,
49
34
crossEnd : {
50
35
alignItems : 'flex-end' ,
51
36
} ,
37
+ crossStart : {
38
+ alignItems : 'flex-start' ,
39
+ } ,
52
40
crossStretch : {
53
41
alignItems : 'stretch' ,
54
42
} ,
55
- selfStretch : {
56
- alignSelf : 'stretch' ,
43
+ fill : {
44
+ flex : 1 ,
57
45
} ,
58
- rowMain : {
59
- flexDirection : 'row' ,
46
+ fillCenter : {
47
+ alignItems : 'center' ,
48
+ flex : 1 ,
60
49
justifyContent : 'center' ,
61
50
} ,
62
- rowCross : {
63
- flexDirection : 'row' ,
64
- alignItems : 'center ' ,
51
+ fillCol : {
52
+ flex : 1 ,
53
+ flexDirection : 'column ' ,
65
54
} ,
66
- rowCenter : {
67
- flexDirection : 'row' ,
55
+ fillColCenter : {
68
56
alignItems : 'center' ,
69
- justifyContent : 'center' ,
70
- } ,
71
- colMain : {
57
+ flex : 1 ,
72
58
flexDirection : 'column' ,
73
59
justifyContent : 'center' ,
74
60
} ,
75
- colCross : {
76
- flexDirection : 'column' ,
61
+ fillColCross : {
77
62
alignItems : 'center' ,
63
+ flex : 1 ,
64
+ flexDirection : 'column' ,
78
65
} ,
79
- colCenter : {
66
+ fillColMain : {
67
+ flex : 1 ,
80
68
flexDirection : 'column' ,
81
- alignItems : 'center' ,
82
69
justifyContent : 'center' ,
83
70
} ,
84
- fillRow : {
71
+ fillColReverse : {
85
72
flex : 1 ,
86
- flexDirection : 'row ' ,
73
+ flexDirection : 'column-reverse ' ,
87
74
} ,
88
- fillRowReverse : {
75
+ fillRow : {
89
76
flex : 1 ,
90
- flexDirection : 'row-reverse ' ,
77
+ flexDirection : 'row' ,
91
78
} ,
92
- fillRowMain : {
79
+ fillRowCenter : {
80
+ alignItems : 'center' ,
93
81
flex : 1 ,
94
82
flexDirection : 'row' ,
95
83
justifyContent : 'center' ,
96
84
} ,
97
85
fillRowCross : {
86
+ alignItems : 'center' ,
98
87
flex : 1 ,
99
88
flexDirection : 'row' ,
100
- alignItems : 'center' ,
101
89
} ,
102
- fillRowCenter : {
90
+ fillRowMain : {
103
91
flex : 1 ,
104
92
flexDirection : 'row' ,
105
- alignItems : 'center' ,
106
93
justifyContent : 'center' ,
107
94
} ,
108
- fillCol : {
95
+ fillRowReverse : {
109
96
flex : 1 ,
110
- flexDirection : 'column ' ,
97
+ flexDirection : 'row-reverse ' ,
111
98
} ,
112
- fillColReverse : {
113
- flex : 1 ,
114
- flexDirection : 'column-reverse ' ,
99
+ fullSize : {
100
+ height : '100%' ,
101
+ width : '100% ' ,
115
102
} ,
116
- fillColMain : {
117
- flex : 1 ,
118
- flexDirection : 'column' ,
103
+ fullWidth : {
104
+ width : '100%' ,
105
+ } ,
106
+ mainCenter : {
119
107
justifyContent : 'center' ,
120
108
} ,
121
- fillColCross : {
122
- flex : 1 ,
123
- flexDirection : 'column' ,
109
+ mainEnd : {
110
+ justifyContent : 'flex-end' ,
111
+ } ,
112
+ mainSpaceAround : {
113
+ justifyContent : 'space-around' ,
114
+ } ,
115
+ mainSpaceBetween : {
116
+ justifyContent : 'space-between' ,
117
+ } ,
118
+ mainStart : {
119
+ justifyContent : 'flex-start' ,
120
+ } ,
121
+ mirror : {
122
+ transform : [ { scaleX : - 1 } ] ,
123
+ } ,
124
+ rotate90 : {
125
+ transform : [ { rotate : '90deg' } ] ,
126
+ } ,
127
+ rotate90Inverse : {
128
+ transform : [ { rotate : '-90deg' } ] ,
129
+ } ,
130
+ row : {
131
+ flexDirection : 'row' ,
132
+ } ,
133
+ rowCenter : {
124
134
alignItems : 'center' ,
135
+ flexDirection : 'row' ,
136
+ justifyContent : 'center' ,
125
137
} ,
126
- fillColCenter : {
127
- flex : 1 ,
128
- flexDirection : 'column' ,
138
+ rowCross : {
129
139
alignItems : 'center' ,
140
+ flexDirection : 'row' ,
141
+ } ,
142
+ rowMain : {
143
+ flexDirection : 'row' ,
130
144
justifyContent : 'center' ,
131
145
} ,
146
+ rowReverse : {
147
+ flexDirection : 'row-reverse' ,
148
+ } ,
149
+ scrollSpaceAround : {
150
+ flexGrow : 1 ,
151
+ justifyContent : 'space-around' ,
152
+ } ,
153
+ scrollSpaceBetween : {
154
+ flexGrow : 1 ,
155
+ justifyContent : 'space-between' ,
156
+ } ,
157
+ selfStretch : {
158
+ alignSelf : 'stretch' ,
159
+ } ,
132
160
textCenter : {
133
161
textAlign : 'center' ,
134
162
} ,
@@ -141,10 +169,4 @@ export default StyleSheet.create({
141
169
textRight : {
142
170
textAlign : 'right' ,
143
171
} ,
144
- backgroundReset : {
145
- backgroundColor : 'transparent' ,
146
- } ,
147
- fullWidth : {
148
- width : '100%' ,
149
- } ,
150
172
} )
0 commit comments