title: box-shadow:inset for react-native
body: <p>I am trying to implement box inner shadow similar to what you can achieve using box-shadow:inset in CSS. I tried the following, but I can't get it the shadow more prominent and darker. <a href="https://rnplay.org/apps/EHvL4g" rel="noreferrer">https://rnplay.org/apps/EHvL4g</a></p>
  
  <pre><code>var styles = StyleSheet.create({
    container: {
      flex: 1,
    },
      box: {
      margin: 20,
      flex: 1,
      backgroundColor: 'transparent',
      borderColor: 'white',
      borderWidth: 1,
      overflow: 'hidden',
      shadowColor: 'black',
      shadowRadius: 10,
      shadowOpacity: 1,
      },
  });
  </code></pre>