Setting it as a Background

[Engr-Sufian]

How can we set it as a Background for a mobile app (React Native)

[PatriciaSauer]

Hi @yildizberkay and @caiangums,

I hope this message finds you well. I've been trying to reproduce the examples displayed in the README, specifically attempting to create a radial gradient background with text overlay. Unfortunately, I'm facing challenges, and I would greatly appreciate your assistance.

Is it possible to provide the actual code snippets used for the examples in the README? I believe having access to the exact code would be immensely helpful for troubleshooting and ensuring accurate implementation.

Currently, I'm encountering difficulties achieving the desired result of having a radial gradient as the background with text overlaid. If there are any specific steps or considerations for achieving this, I would love to hear your insights.

Thank you so much for your time and support! 😞🙏

[caiangums]

Hi @Engr-Sufian and @PatriciaSauer ! Thanks for opening an issue.

Have you read the With Content section? It is possible to create this behavior by just wrapping the <Gradient /> component with a <View />, setting the View style to have { position: 'relative' } and the <Gradient /> style as { position: 'absolute' } if I'm not wrong.

Also, to better understand what's going on, could you please provide a working repo with your current environment? (it could be just a simple one with the correct versions of RN and other libraries too)

[beneditomauro]

Use it like this:

<View style={{ ...StyleSheet.absoluteFillObject }}>
    <RadialGradient ... />
  </View>