Styling - jellyfish-tom/TIL GitHub Wiki

What are the Different Ways to style React Native Application ?

React Native give us two powerful ways by default to style our application :

1. Style props

You can add styling to your component using style props. You simply add style props to your element and it accepts an object of properties.

2. StyleSheet

For an extremely large codebase or you want to set many properties to your elements, writing our styling rules directly inside style props will make our code more complex that’s why React Native give us another way that let us write a concise code using the StyleSheet method:

3. styled-components

We can also use styled-components with React native so you can write your styles in React Native as you write normal CSS. It is very easy to include it in your project and it doesn’t need any linking just run this following command inside the root directory of your app to install it:

yarn add styled-components