Hey there! How are you? I hope well!
Well, I am in terrible need to organize my stylesheets inside the app. If you can call stylesheets all those JS objects flying around! Well, I searched a lil’ bit and refactored my components to the following structure:
- ComponentName
|- index.js
|- styles.js
inside my components/ folder located at my root directory! I also made another subfolder to the components/ folder called common-styles, because I do not want to copy paste the same objects all over again and again to every new Component using the shared style with others! Inside there I made 3 files named according to the following structure:
|- common-styles
|- styles.js
|- colors.js
|- fonts.js
So, I am going with this structure for styling my app from now on! Hope it works fine…
Sources: https://medium.com/the-react-native-log/tips-for-styling-your-react-native-apps-3f61608655eb
http://www.discoversdk.com/blog/react-native-styling-components
One comment
Lefteris Delimitrou
September 3, 2017 at 8:01 pm
Very meticulous job!