title: React-native-maps shadow around callout
body: <p>I am trying to add a shadow on a callout for a marker. The current way I have implemented has the shadow I want but it does not follow the borderRadius of the View.</p>
  <p>I thought creating a separate view for the shadow with a transparent background would do the trick but it didn't. I have included some code below as a well as a <a href="https://snack.expo.dev/@priedejm/callout-shadow" rel="nofollow noreferrer">snack example here</a> that reproduces my issue exactly. Run as IOS.</p>
  <pre><code>&lt;Callout tooltip style={{ padding: 3 }}&gt;
    &lt;View style={styles.bubbleShadow}&gt;
      &lt;View style={styles.bubble}&gt;
        &lt;Text styles={{ fontSize: 16, marginBottom: 5 }}&gt;{marker.name}&lt;/Text&gt;
      &lt;/View&gt;
    &lt;/View&gt;
  &lt;/Callout&gt;
  
  
   bubble: {
      height: scale(100),
      width: scale(200),
      borderRadius: 10,
      backgroundColor: 'white',
      overflow:'hidden'
      
    },
    bubbleShadow:{
      borderRadius: 10,
      backgroundColor: 'transparent',
      shadowColor: '#000',
      shadowOffset: { width: 2, height: 2 },
      shadowOpacity: 1,
    },
  
  </code></pre>