DEV Community

Sumrit Grover
Sumrit Grover

Posted on

Styling your React Native Project

Styling in React Native can be done in various ways.

Let's have a look at a few of the most common ones.

The most basic way of styling is inline JS styles.
Image description

You can also use StyleSheets, they are mostly used when you have a large codebase and styles that have to be used in more than one tag.

Image description

To integrate StyleSheet in the JSX tags, all you have to do is call them wherever needed
Image description

Personal tip...
You can create a separate javascript file for your styles. It helps when you document your code

Discussion (0)