How to add shadow at a corner of Imagebackground in react-native

Question

I'm need to add shadow at the corner of the ImageBackground as in WhatsApp to display star.

how can this be achieved in react-native.

Answer 1

You need to use Linear Gradient. Add Linear Gradient as last child of ImageBackground. Styles

{
position: 'absolute',
bottom:0,
right:0,
...otherstyles}

And you can add star and text component inside Linear Gradient as its child

<LinearGradient [props]>
 ...star
</LinearGradient>