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)'