Skip to content

Commit 9a9851e

Browse files
thozhthozh
committed
added assets folder and helpers.js
1 parent 505dc08 commit 9a9851e

File tree

7 files changed

+154
-3
lines changed

7 files changed

+154
-3
lines changed

‎App/Images/README.md renamed to ‎App/Assets/Images/README.md

File renamed without changes.

‎App/Images/TOM-Legend.png renamed to ‎App/Assets/Images/TOM-Legend.png

File renamed without changes.

‎App/Images/TOM.png renamed to ‎App/Assets/Images/TOM.png

File renamed without changes.

‎App/Theme/Helpers.js

Lines changed: 150 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,150 @@
1+
import { StyleSheet } from 'react-native'
2+
3+
export default StyleSheet.create({
4+
fill: {
5+
flex: 1,
6+
},
7+
center: {
8+
alignItems: 'center',
9+
justifyContent: 'center',
10+
},
11+
fillCenter: {
12+
flex: 1,
13+
alignItems: 'center',
14+
justifyContent: 'center',
15+
},
16+
row: {
17+
flexDirection: 'row',
18+
},
19+
rowReverse: {
20+
flexDirection: 'row-reverse',
21+
},
22+
column: {
23+
flexDirection: 'column',
24+
},
25+
columnReverse: {
26+
flexDirection: 'column-reverse',
27+
},
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+
crossCenter: {
47+
alignItems: 'center',
48+
},
49+
crossEnd: {
50+
alignItems: 'flex-end',
51+
},
52+
crossStretch: {
53+
alignItems: 'stretch',
54+
},
55+
selfStretch: {
56+
alignSelf: 'stretch',
57+
},
58+
rowMain: {
59+
flexDirection: 'row',
60+
justifyContent: 'center',
61+
},
62+
rowCross: {
63+
flexDirection: 'row',
64+
alignItems: 'center',
65+
},
66+
rowCenter: {
67+
flexDirection: 'row',
68+
alignItems: 'center',
69+
justifyContent: 'center',
70+
},
71+
colMain: {
72+
flexDirection: 'column',
73+
justifyContent: 'center',
74+
},
75+
colCross: {
76+
flexDirection: 'column',
77+
alignItems: 'center',
78+
},
79+
colCenter: {
80+
flexDirection: 'column',
81+
alignItems: 'center',
82+
justifyContent: 'center',
83+
},
84+
fillRow: {
85+
flex: 1,
86+
flexDirection: 'row',
87+
},
88+
fillRowReverse: {
89+
flex: 1,
90+
flexDirection: 'row-reverse',
91+
},
92+
fillRowMain: {
93+
flex: 1,
94+
flexDirection: 'row',
95+
justifyContent: 'center',
96+
},
97+
fillRowCross: {
98+
flex: 1,
99+
flexDirection: 'row',
100+
alignItems: 'center',
101+
},
102+
fillRowCenter: {
103+
flex: 1,
104+
flexDirection: 'row',
105+
alignItems: 'center',
106+
justifyContent: 'center',
107+
},
108+
fillCol: {
109+
flex: 1,
110+
flexDirection: 'column',
111+
},
112+
fillColReverse: {
113+
flex: 1,
114+
flexDirection: 'column-reverse',
115+
},
116+
fillColMain: {
117+
flex: 1,
118+
flexDirection: 'column',
119+
justifyContent: 'center',
120+
},
121+
fillColCross: {
122+
flex: 1,
123+
flexDirection: 'column',
124+
alignItems: 'center',
125+
},
126+
fillColCenter: {
127+
flex: 1,
128+
flexDirection: 'column',
129+
alignItems: 'center',
130+
justifyContent: 'center',
131+
},
132+
textCenter: {
133+
textAlign: 'center',
134+
},
135+
textJustify: {
136+
textAlign: 'justify',
137+
},
138+
textLeft: {
139+
textAlign: 'left',
140+
},
141+
textRight: {
142+
textAlign: 'right',
143+
},
144+
backgroundReset: {
145+
backgroundColor: 'transparent',
146+
},
147+
fullWidth: {
148+
width: '100%',
149+
},
150+
})

‎App/Theme/Images.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,5 +3,5 @@
33
*/
44

55
export default {
6-
logo: require('App/Images/TOM.png'),
6+
logo: require('App/Assets/Images/TOM.png'),
77
}

‎App/Theme/index.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,5 +3,6 @@ import Fonts from './Fonts'
33
import Metrics from './Metrics'
44
import Images from './Images'
55
import ApplicationStyles from './ApplicationStyles'
6+
import Helpers from './Helpers'
67

78
export { Colors, Fonts, Images, Metrics, ApplicationStyles }

‎README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<div align="center">
2-
<img src="App/Images/TOM-Legend.png" alt="Logo" width="100%">
2+
<img src="App/Assets/Images/TOM-Legend.png" alt="Logo" width="100%">
33
</div>
44

55

@@ -54,7 +54,7 @@ The boilerplate includes an example (displaying fake user data) from UI componen
5454
- [`App/Components`](App/Components): presentational components
5555
- [`App/Config`](App/Config): configuration of the application
5656
- [`App/Containers`](App/Containers): container components, i.e. the application's screens
57-
- [`App/Images`](App/Images): images used by the application
57+
- [`App/Assets`](App/Assets): assets (image, audio files, ...) used by the application
5858
- [`App/Navigators`](App/Navigators): react navigation navigators
5959
- [`App/Sagas`](App/Sagas): redux sagas
6060
- [`App/Services`](App/Services): application services, e.g. API clients

0 commit comments

Comments
 (0)