title: React Native DrawerLayout: shadow on child appears on iOS but not on Android
body: <p>I have an app that uses Expo's <code>GestureHandler.DrawerLayout</code> with the <code>"back"</code> drawer style, such that the view rests atop a stationary drawer and slides off to reveal it. To emphasize this arrangement, I wanted to add a drop shadow to the content <code>View</code>, cast on the drawer content. So far, I have this working on iOS but not on Android.</p>
  
  <p>To explore this in isolation from the rest of my app, I've forked the <a href="https://github.com/kmagiera/react-native-gesture-handler" rel="nofollow noreferrer">react-native-gesture-handler</a> project and modified the <code>horizontalDrawer</code> example app. I've added style props for the shadow here:</p>
  
  <p><a href="https://github.com/kmagiera/react-native-gesture-handler/compare/2542bd39503412ef00883e0e799caf7d1f68ef3a...brettdh:shadows-broken-on-android" rel="nofollow noreferrer">https://github.com/kmagiera/react-native-gesture-handler/compare/2542bd39503412ef00883e0e799caf7d1f68ef3a...brettdh:shadows-broken-on-android</a></p>
  
  <p>As you can see in <a href="https://i.stack.imgur.com/4qKA2.png" rel="nofollow noreferrer">this screenshot</a>, the shadow appears on iOS, but not on Android. However, if I remove absolute positioning by commenting out <a href="https://github.com/brettdh/react-native-gesture-handler/blob/2542bd39503412ef00883e0e799caf7d1f68ef3a/Example/horizontalDrawer/index.js#L98" rel="nofollow noreferrer">this line</a>, I see that the shadow is actually being clipped on the left, as you can see in <a href="https://i.stack.imgur.com/dR9FF.png" rel="nofollow noreferrer">this screenshot</a>.</p>
  
  <p>I've dug into the component tree a bit and tried:</p>
  
  <ul>
  <li>moving the shadow props to a wrapper <code>View</code></li>
  <li>clearing <code>overflow: hidden</code>
  
  <ul>
  <li>(though now my understanding is that <code>overflow: visible</code> only works on iOS)</li>
  </ul></li>
  </ul>
  
  <p>I've found discussions describing this as having something to do with absolute positioning, but even if that's the case, I don't think I can avoid that, as it's part of the <code>DrawerLayout</code> itself. Any thoughts as to how I can accomplish the same shadow effect on both iOS and Android?</p>