friday Emmanuel chigozirim
LearnFactory Nigeria
2 min readJul 11, 2022

--

ADDING AN IMAGE BACKGROUND AND AN IMAGE IN REACT NATIVE

Hello! i will be showing you on how you can add an image background and a image to your project is very sample but they are not the same. so let’s get started .

Image background is usually the one that covers the page or the screen of your app and the image it self is the one that is behind the background on your app or screen

TO Add an Image on your react native project :
you have to import Image from react native you will see it below

Second thing you will do is to import the image from your root file asset.
noted that my own root file will be different from yours you have to carefully direct it .

Thirdly is to call the image and that’s all for the image .
note that the image has a source either a url: link or directly from your asset file. it all depends where you are calling the image from.

well done guys i believe this solved your issue, lets get started with the image background.

First you have to import the image background from react-native

secondly you then call the image background from your root file asset if you are using it, else if you are using link from online there is another way of doing it which i will show you

from root file asset use this method:

second step is below

thanks for you time ! more of this will be coming your way.

--

--