title: React Native png image is pixelated and not hd
body: <p>I'm trying to display a png icon in my React Native app, on Android for now, using the below code</p>
  
  <pre><code>&lt;Image
    style={styles.wtrhIcon}
    source={{uri: "clearmoon"}}/&gt;
  </code></pre>
  
  <p>and the style for it</p>
  
  <pre><code>wtrhIcon: {
  width: 96,
  height: 96,
  }
  </code></pre>
  
  <p>This is how it's being rendered </p>
  
  <p><a href="https://i.stack.imgur.com/zMWGB.png" rel="noreferrer"><img src="https://i.stack.imgur.com/zMWGB.png" alt="enter image description here"></a></p>
  
  <p>The big moon seems to be pixelated and doesn't show in hd. The actual png image is 96x96, the exact width and height defined in the style for it.</p>
  
  <p>I have all the png images in android/app/src/main/res/(drawable, drawable-xhdpi, mipmap-hdpi, mipmap-mdpi, mipamp-xhdpi, mipmap-xxhdpi) and i experience the same issue no matter which 96x96 image i chose.</p>
  
  <p>The smaller icons at the bottom seem to be displayed in hd form, i'm guessing because the size is a lot smaller. </p>
  
  <p>So my question is, why is the big image pixelated when the witdh and height defined for it are the same as the actual png image?</p>