title: React-native shadow not appearing
body: <p>I'm trying to get a shadow below my views, and from what I found online it should be quite simple:</p>
  
  <pre class="lang-html prettyprint-override"><code>shadowOffset: { width: 10, height: 10 },
  shadowColor: 'black',
  shadowOpacity: 1.0,
  </code></pre>
  <p>but the problem is that the shadow is not appearing at all.</p>
  <p>Here's my components</p>
  <pre class="lang-html prettyprint-override"><code>&lt;View style={styles.shadow}&gt;
      &lt;View style={styles.box} &gt;
          &lt;View style={styles.ListComponent}&gt;
              &lt;Text style={styles.itemText}&gt;Livestream&lt;/Text&gt;
          &lt;/View&gt;
      &lt;/View&gt;
  &lt;/View&gt;
  </code></pre>
  <p>and in my StyleSheet:</p>
  <pre class="lang-html prettyprint-override"><code>const styles = StyleSheet.create({
      shadow: {
      shadowOffset: { width: 10, height: 10 },
      shadowColor: 'black',
      shadowOpacity: 1.0
  },
  </code></pre>
  <p>Any reason for this or is there something I've missed?</p>