React Native
About Lesson

In this React Native course we are going to learn about Styling Components in React Native, in this lesson we will learn that how you can give color, fontSize and padding for your built in components.

 

 

First let’s just give inline style, so you can use inline style in component itself, for example in here i want to give some color and fontSize for the Text component that i have, this is my Hello.js functional component that i have already created.

 

You can see that in here we have used inline style.

 

 

also you can use another type of style, so i have created another text, and for giving outside style we are going to use StyleSheet.create() from React Native.

 

 

 

And this is my App.js file, i have added my Hello.js component in here.

 

 

 

You can use this command for runing of your metro bundler.

 

 

 

This will be the result.

React Native Styling Components
React Native Styling Components
Thank you for visiting my website! If you enjoyed the free courses, please consider supporting my works on Patreon.
Exercise Files
No Attachment Found
No Attachment Found