Background image

[mbuenaventurac]

Thanks for the component, very nice and easy to use!

I would like to set a background image for each page but I can't find the way to implement it. Is it possible to do?

[amrshadid]

I have the same issue

[HassaanShahzad98]

you can use conditional rendering for this by using pageIndexCallback prop:

in my case , I had two boarding screens with different background images
...
const [index, setindex] = useState(0);
const changePageHandler = (index: any) => {
setBoardingindex(index);
}

return (
<ImageBackground
source={index===0? require('assets/img1') : require('assets/img2')}
<Onboarding
pageIndexCallback={changePageHandler}
...

hope this helps!

[SamBosco]

how do we bypass the background color when adding the ImageBackground component ?

[serdarcevher]

how do we bypass the background color when adding the ImageBackground component ?

You can use a rgba background color with transparency: backgroundColor: 'rgba(255, 255, 255, 0.1)'