title: React Native - How to make image width 100 percent and vertical top?
body: <p>I am newbie at react-native.
  What I want to do is that fit an image in device and keep the ratio of image. Simply I want to make <code>width : 100%</code></p>
  
  <p>I searched how to make it and seems <code>resizeMode = 'contain'</code> is good for that.</p>
  
  <p>However, since I used <code>resizeMode = 'contain'</code>, the image keeps the position vertically centered which I don't want.
  I want it to be vertically top.</p>
  
  <p>I tried to use a plug-in such as <a href="https://www.npmjs.com/package/react-native-fit-image" rel="noreferrer">react-native-fit-image</a> but no luck.</p>
  
  <p>And I found <a href="https://facebook.github.io/react-native/docs/images.html#why-not-automatically-size-everything" rel="noreferrer">the reason why the image is not sizing automatically</a>.
  But still I have no idea how to make it.</p>
  
  <p>So, my question is what is the best way to deal with this situation?</p>
  
  <p>Do I have to manually put <code>width, height</code> size each images?</p>
  
  <p>I want :</p>
  
  <ul>
  <li>Keep image's ratio.</li>
  <li>Vertically top positioned.</li>
  </ul>
  
  <p>React native test code :</p>
  
  <p><a href="https://snack.expo.io/ry3_W53rW" rel="noreferrer">https://snack.expo.io/ry3_W53rW</a></p>
  
  <p>Eventually what I want to make :</p>
  
  <p><a href="https://jsfiddle.net/hadeath03/mb43awLr/" rel="noreferrer">https://jsfiddle.net/hadeath03/mb43awLr/</a></p>
  
  <p>Thanks.</p>