title: How can I show a card shadow on all sides?
body: <p>I have the following style</p>
  
  <pre><code>    card: {
        backgroundColor: Colors.white,
        borderRadius: 10,
        marginRight: Metrics.WIDTH*0.02,
        marginLeft: Metrics.WIDTH*0.02,
        borderColor: Colors.SILVER,
        borderWidth: 2,
        shadowColor: 'gray',
        shadowOffset: { width: 2, height: 2 },
        shadowOpacity: 0.5,
        shadowRadius: 2,
        elevation: 10,
      },
  </code></pre>
  
  <p>The above styles only create shadow on right and bottom. How to create showdow in all direction equally</p>
  
  <p><a href="https://i.stack.imgur.com/D5TE6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/D5TE6.png" alt="enter image description here"></a></p>