Apply shadow for sticky | fixed header

[tandat2209]

I tried to apply the shadow for the header by setting shadow | elevation.

I have to remove the overflow: 'hidden' to make it work. And It worked on iOS, but the elevation on Android does not work.

Is there a way so that I can apply it?

https://github.com/i6mi6/react-native-parallax-scroll-view/blob/master/src/styles.js#L25

[unfrgivn]

EDIT: Nevermind, this only works on specific background styles, so even the hack proposed below barely works

Kinda cheesy solution but you can set the styled height on the header 10px less than the actual height to show shadows and elevation.

so if the stickyHeaderHeight in my props is 80, I set the styles of the view in my renderStickyHeader header height to 70