0
281
ViewsHow to fit multiple Background images in react native (responsive)
I have two background images which are not fitting on different devices.
I tried with <ImageBackground> and absolute % calculation.
iPhone 12 (right performing):
iPhone 12 Pro Max (wrong performing):
Has anyone a idea how to solve this responsive problem? Thanks in advance!
·
Juan Pablo Isaza
1 answers
Answer question0
- If you don't set the height or width of an
<ImageBackground/>it won't show. - Next in order to overlay an
<ImageBackground/>over other another you need to set thezIndex:1to be 1 or higher then the other's zIndex. And make themposition: 'absolute' - Lastly if you want the borderRadius to show in an
<ImageBackground/>setoverflow: 'hidden'
Here's a full example below (https://snack.expo.dev/@heytony01/suspicious-celery)
·
Juan Pablo Isaza
Report
Answer question