Nativebase: Question/Bug: Header shadow is going under Content

[etabard]

react-native, react and native-base version

React-native : 0.50.4
Native-base: 2.3.3

Expected behaviour

The header's shadow is drawing over the content view

Actual behaviour

The header's shadow is under the content view

Steps to reproduce (code snippet or screenshot)

Is the bug present in both ios and android or in any one of them?

Tested on IOS, not tested on android

Any other additional info which would help us debug the issue quicker.

I tried zIndex on the header but it does not have any effect.

Thanks for your help !

[akhil-geekyants]

@etabard tried Native base Header component with the above versions and platform. Didn't find anything like above. Can you share the code snippet.

[etabard]

Hi,

Thanks for your reply. Here is my TestScreen with the native-base-theme/components/Header.js : https://gist.github.com/etabard/f1130c3ba06f87091a0352666b5890e4

Screen of the result :

[akhil-geekyants]

@etabard setting zIndex to negative values in Content style made the shadow visible.

<Content style={{zIndex:-3}}/>

[etabard]

Thanks ! I tried everything except negative zIndex :-)