title: Image Resize Cover - Keep Top Left of Image
body: <p><a href="https://i.stack.imgur.com/cPuFT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cPuFT.png" alt="enter image description here"></a>I have a big image that needs to be cropped on certain devices, but it's very important that the top left of my image stays in tact because it has some important content.</p>
  
  <pre><code> &lt;View style={{flex:1}}&gt;
       &lt;Image source={MY_IMAGE} 
          resizeMode="cover"
          style={{
            flex: 1.8,
            width: null,
            height: null
          }}
      /&gt;
      &lt;View style={{ flex: 1 }}&gt;
        //other content
      &lt;/View&gt;
   &lt;/View&gt;
  </code></pre>
  
  <p>^This is very close to what I want, but by default it looks like resizeMode:"Cover" just zooms in on the center of the image, cutting off my important content.</p>
  
  <p>Is there any way to complete the image resizing based on something like x:0, y: screenHeight so that it keeps the top left of my image and resizes from the bottom right?</p>