title: React Native- Accurate shadows in Android
body: <p><strong>Target Shadow:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/NSNgL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NSNgL.png" alt="Target Shadow"></a></p>
  
  <p><strong>Current Implementation:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/l8InD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/l8InD.png" alt="Current Implementation"></a></p>
  
  <p>I am using React-Native-Shadow but it does not blur the shadow, as there is no blur implementation in React-Native-SVG.</p>
  
  <p>Is there any way that that above shadow can be acheived? I even tried blurring the shaodow svg but was unsuccessful.</p>
  
  <p>Even in android, there is no way to change color of elevation or any other library that provides accurate shadows. If anyone can suggest me a way, I can make my own module. </p>
  
  <p>ShadowOpt Used:</p>
  
  <pre><code>  width: 105,
    height: 1,
    top: 0,
    color: '#0c00ff',
    border: 27,
    radius: 0,
    opacity: 0.8,
    x: 36,
    y: 30,
    style: { position: 'absolute' }
  </code></pre>