As per this issue: https://github.com/facebook/react-native/issues/449
This is so frustrating. It's one of those issues you hit once in a blue moon and when you do you spend an hour trying to figure it out before you finally land here. 😃
My primary use case for this is with border radius, to clip the corners of the content within. This issue makes it really awkward to do, requiring an additional view and introducing the complexities described in the previous comment. Would love to see the behavior for this match the web.
Wrapping a view within another view is not a wholistic solution since it introduces new problems. Wrapping views prevents flex from working properly. For example, when nesting a wrapped component in an alignItems="stretch", only the outer view will stretch. The inner view will not, so there's a 'dead' space between the outer shadow container and the inner view. This is one of many examples. There's no reliable way to have the inner view stretch to the same height and width as the containing view (especially considering using width/height percentages are not percentages of the containing view like CSS, but instead of the whole screen size.
This issue still exists.
I have implemented CardView for react-native with elevation, that support android(All version) and iOS. https://github.com/Kishanjvaghela/react-native-cardview. Check this out
Any updates on this matter? also need this very much.
Any updates on that?
Hoping this gets fixed, or a workaround is provided. Shadows are important!
really need this too, any eta ?