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 ?

I need really need this to be done. Currently i am forced to apply shadow on another container, and that will throw a warning:

"RCTView has a shadow set but cannot calculate shadow efficiently. Consider setting a background color to fix this, or apply the shadow to a more specific component"

Which is caused by the container doesn't indeed have any background to it.

any update on this?