title: React Native background image - cover and vertical align to top
body: <p>I am looking for a way to add a background image in React Native that would be styled equivalent to HTML's:</p>
  
  <pre><code>background-size: cover;
  background-position: top center;
  </code></pre>
  
  <p>I am using <a href="https://github.com/facebook/react-native/blob/master/Libraries/Image/ImageBackground.js" rel="nofollow noreferrer">ImageBackground</a> and <code>resizeMode="cover"</code> but the image is vertically aligned to middle and I cannot get it to be aligned to top.
  Is there a prop that would allow setting vertical alignment/position in React Native?</p>
  
  <p><code>resizeMode="strech"</code> won't work for my case because the background image contains a logo that must not be distorted.</p>
  
  <p>The image size is 1242 x 2436 to allow full height cover even on iPhone X. The logo is located on 1/6 top part of the image and must always be visible, bottom can be hidden depending on the device height and orientation, image must always be full width of the screen.</p>