React Native - How to make image width 100 percent and vertical top? : <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>
