React Native
About Lesson

In this React Native lesson we are going to learn about React Native Image, Image is a built in component in react native and it is used for adding images in your react native application, you can use offline images from your directory or online images from the internet, also we will learn that how you can use ImageBackground in react native.

 

 

 

This is my ReactImage.js component.

 

 

 

You can see that we have added our Image, also i have added some styles for the image like width and height, after that you need to specify the source of the image, i have already added an image in my working directory.

 

 

 

This is my App.js file.

 

 

Run your application and this is the result.

React Native Image
React Native Image

 

 

 

 

Also you can use ImageBackground for adding a background to your React Native application.

 

 

 

Run your application and this is the result.

React Native Image Background
React Native Image Background

 

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