Imposible to add a shadow to the sheet, r'u serious?!

[Omelyan-JoinToIT]

content's shadow hiding on scrolling, and header's shadow overlapping content...

[trentcowden]

It is possible! Just nest your BottomSheet content inside another <View />. Then add a marginTop and a shadow to your nested content.

[orofbrown]

thanks @trentcowden works for me. The only issue is that I can't use the borderRadius prop anymore, so I had to add a border radius style to my render component.

[MattYoon]

@trentcowden 's solution works. However you need to add a negative marginBottom, if not the BottomSheet will scroll up and down. And when scrolled up, it will remove the shadow.
So for example if you added marginTop: 2, you also need to add marginBottom: -2. This prevents the BottomSheet from scrolling.