title: React Native: print full image in a Scrollview
body: <p>I have an image that is very tall, but not very large. I want to print it in a scrollview, so you can see it all on one screen, but nothing works.</p>
  <p>after playing with widths and heights and flexs for my scrollview and my image, the best result I get is when I have on of them with style={{width='100%'}}, like that</p>
  <pre><code>&lt;ScrollView style={{width: '100%'}}&gt;
      &lt;Image
        source={require('./assets/skeleton/fullSkeleton.png')}
        resizeMode='cover'
        /&gt;
    &lt;/ScrollView&gt;
  </code></pre>
  <p>which prints the image at full width, but the scrollview's height is the original image's height, which doesn't let me see the whole resized image.</p>
  <p>Here, a bad drawing to represent my image, and what I want to see on my phone screen
  <a href="https://i.stack.imgur.com/xvcjD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xvcjD.png" alt="shitty drawing to make it clearer" /></a></p>
  <p>EDIT:
  With this bit of code:</p>
  <pre><code>&lt;ScrollView
    contentContainerStyle={{alignItems: 'center'}}&gt;
      &lt;Image
        source={require('./fullSkeleton.png')}
        resizeMode='cover'
        /&gt;
  &lt;/ScrollView&gt;
  </code></pre>
  <p>I end up with</p>
  <p><a href="https://i.stack.imgur.com/ImXkI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ImXkI.png" alt="enter image description here" /></a></p>
  <p>Which can be scrolled down to see the rest of the Image. As you can see, it can be navigated vertically, but doesn't take the whole screen's width</p>