styles - React Native - Shadows over view StyleSheet -

z-index in react native based on order of rendering. example, have header listview list item.

so assume bare listitem:

<view>   <view>header</view>   <view>bodycontent</view> </view> 

essentially, want header have slight shadow above body content.

however since z-index rendered on base of ordering, header under body content (and shadow).

i attempted add shadow large offset shadow appears @ bottom. looks fine until image appears on it.

edit:

i shadow come header going on body. similar navigation bar , it's content.