title: React Native flexible view sizing within a paged scrollview
body: <p>I'm trying to use a ScrollView (with paging enabled) in React Native to page through a series of images. Anyone know how to make the image views fill each page of the scroll view? So far I've only had luck hard coding width and height values for the image style.</p>
  
  <p>Here's roughly what I'm doing:</p>
  
  <pre><code>render: function() {
    return (
      var images = [{ url: 'http://url/to/image.jpg' }, { url: 'http://url/to/another-image.jpg'}];
      &lt;ScrollView horizontal={true} pagingEnabled={true} style={styles.myScrollViewStyle}&gt;
        {images.map(image =&gt; {
          return (
            &lt;Image source={{uri: image.url}} style={styles.myImageStyle} /&gt;
          );
        })}
      &lt;/ScrollView&gt;
    );
  }
  </code></pre>
  
  <p>The only way images show up is if I hardcode a width/height number in the style. I've been unable to get the Image to just flex to fill 1 whole page.</p>
  
  <p>ScrollView style:</p>
  
  <pre><code>scrollView: {
    flex: 1,
    backgroundColor: '#000000',
  }
  </code></pre>
  
  <p>Image style:</p>
  
  <pre><code>image: {
    width:375,
    height:667,
    flex: 1,
    backgroundColor: 'rgba(0,0,0,0)',
  }
  </code></pre>