I want to make a gradient background color same attachment below

[phanthinh]

Thank lib for support gradient background. However, i want to make a gradient background same attachment below and color from bottom to top. How i can setting it on this lib

Thank you so much

[heineiuo]

Hi @phanthinh
I add a new prop points for custom gradient direction. Like below:

<AnimatedLinearGradient points={{start: {x: 0.5, y: 0}, end: {x: 0.5, y: 1}}} /> // this will generate a vertical direction gradient.

If you just want a static linear gradient , you can use react-native-linear-gradient directly.

[weathermanJM]

Currently This will not put the text on top. It will move the gradient down. Any Ideas?

<AnimatedLinearGradient customColors={mycolors.one} speed={1000} points {direction.horizontal}> <Text>Orange Fun</Text> </AnimatedLinearGradient>