Custom theme provider in React Native

About styles in React Native

Styles in React Native application can get messy really fast if you don’t give  them at least little attention  from the very beginning. First of all,  the inline styles are not a way to go. JSX already mixes presentation and logic layers a bit so there is no need to throw in a bunch of objects with styles and confuse the future self or anyone who might need to read and edit your code. A popular approach is to use React Native built-in StyleSheet and declare your styles outside of a component. You can also find other great methods, like styled-components, but we are not going to review all of them here. Feel free to explore and find a solution that suits you best.