title: React native Android images are blurry on resizeMode:'contain'
body: <p>I am testing react-native application on Android Studio with a virtual device and I get these blur marks on the background of the contained image. It works fine on iOS but it doesn't look the same on Android.</p>
  
  <p>(image of issue)<a href="https://i.redd.it/qoptkvhzbct21.png" rel="nofollow noreferrer">https://i.redd.it/qoptkvhzbct21.png</a></p>
  
  <p>I already tried changing the backgroundColor of the Image but it just doesn't change.</p>
  
  <pre><code>&lt;View style={styles.imageContainer}&gt;
     &lt;Image 
       source={{ uri: `https://devUrl/${this.props.image}`}} 
       style={{ 
         flex: 1,
         width: null,
         height: null,
         resizeMode: 'contain',
         borderWidth: 1,
         borderColor: 'transparent',
         borderRadius: 10, 
       }} 
      /&gt;
  &lt;/View&gt;   
  
  styles.imageContainer: {
      height: 500,
      flexDirection: 'row',
      borderTopRightRadius: 10,
      borderTopLeftRadius: 10,
      paddingTop: 0,
      paddingLeft: 0, 
      paddingRight: 0, 
      backgroundColor: 'white'
    },
  </code></pre>
  
  <p>EDIT: Turns out this is an issue and you can't use resizeMode: 'contain' on Android devices. I used aspect ratio of the image and set a container height.</p>