title: How to show shadow over scroll view items in react native
body: <p>I'm using native-base's Content to scroll and i want a fixed button on bottom when scrolling. How can i show the shadow of fixed button over scroll view Items <strong>like this</strong>.
  <a href="https://i.stack.imgur.com/0jRWd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0jRWd.png" alt="enter image description here" /></a></p>
  <p><strong>But what i achieve is this</strong>
  <a href="https://i.stack.imgur.com/Pqw0p.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Pqw0p.png" alt="enter image description here" /></a></p>
  <blockquote>
  <p>My Code</p>
  </blockquote>
  <pre><code>    &lt;Container&gt;
        &lt;Content&gt;
         ...
        &lt;/Content&gt;
        &lt;View style={styles.footer}&gt;
          &lt;Button style={styles.footerBtn}&gt;
            &lt;Text&gt;{strings('consultant_profile.book_an_appointment')}&lt;/Text&gt;
          &lt;/Button&gt;
        &lt;/View&gt;
  &lt;/Container&gt;
  
  //Css
  footer: {
      padding: 20,
      shadowColor: '#000',
      shadowOffset: {
        width: 0,
        height: 2,
      },
      shadowOpacity: 0.23,
      shadowRadius: 2.62,
      elevation: 4,
    },
  </code></pre>