title: Why doesn't my svg in react-native show any shadow?
body: <h2>The Problem:</h2>
  <p>I have a react native project which uses <code>react-native-svg</code> for importing my logos. I created my custom Bottom Tab Bar with <code>react-navigation</code> and it looks like this:</p>
  <p><a href="https://i.stack.imgur.com/OU50k.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OU50k.png" alt="My App" /></a></p>
  <p>So the problem is just I exported my svg when it looks like this in my adobe xd file (just the purple button):</p>
  <p><a href="https://i.stack.imgur.com/QWI7T.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QWI7T.png" alt="xd" /></a></p>
  <p>So you can see, there is clearly a shadow but not in my project. What am I doing wrong?</p>
  <p>I use the component like this:</p>
  <p><code>import Logo from &quot;../assets/icons/add_icon.svg&quot;</code></p>
  <p>And then render it with <code>&lt;Logo /&gt;</code></p>
  <p>Here is the svg (btw when I open it with browser it shows the shadow): <a href="https://pastebin.com/w9YZysgS" rel="nofollow noreferrer">https://pastebin.com/w9YZysgS</a></p>
  <p>Why is there no shadow in my app? (also shadow styles won't work when applied directly).</p>
  <p><strong>Specs:</strong></p>
  <ul>
  <li>Android</li>
  <li>Windows</li>
  <li>React-Native 0.62 (latest)</li>
  </ul>
  <p><em>Thank you very much in advance</em></p>