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.