title: Elevation in React Native
body: <p>Here is my style defined in the React-Native screen. I have used the <code>elevation</code>
  property to achieve a box-shadow. But it's not working properly.</p>
  <pre><code>const styles = StyleSheet.create({
  scrollContainer: {
      flex: 1,
  },
  container: {
      flex: 1,
      flexDirection: &quot;row&quot;,
      flexWrap: &quot;wrap&quot;,
      padding: 2
  },
  box: {
      margin: 8,
      width: Dimensions.get('window').width / 2 - 18,
      height: Dimensions.get('window').width / 2 - 18,
      justifyContent: &quot;center&quot;,
      alignItems: &quot;center&quot;,
      borderStyle: 'dashed',
      borderLeftWidth: 1,
      borderTopWidth: 1,
      borderRightWidth: 1,
      borderBottomWidth: 1,
      borderTopColor: 'black',
      borderBottomEndRadius : 8,
      borderTopStartRadius: 8,
      borderTopEndRadius: 8,
      borderBottomStartRadius: 8,
      borderBottomLeftRadius:8,
      borderBottomRightRadius:8,
      elevation: 5
  },
  navBar:{
      backgroundColor: &quot;#000&quot;,
  }
  });
  </code></pre>
  <p>I have also tried using box-shadow but the same problem arises.</p>