combinedStyles - peophins-plasmas/pawsome-app GitHub Wiki

In order to create uniform styling in React Native, the majority of styles are kept in a combinedStyles.js file, as are the app's thematic colors. Although the used React Native boilerplate made use of individual style pages for each component, the developers of Pawsome felt a combined page would make the overall application more consistent.

This ensures the thematic colors are easily accessed without having to look up the hex code every time they are used. It also allows similar styling to be used throughout the project.

Some inline styling is enacted where necessary (for example, where conditional rendering based on local state is required; or where a single-use style is needed that will not be used elsewhere) but most styling makes use of the styles from this combinedStyles.js file.

Future features include consolidating the remaining individual style pages into the combinedStyles.js.