title: ScrollView not Scrolling - ReactNative
body: <p>I have the following <strong>ScrollView</strong>, but my attempt just won't scroll. I am not sure what am going about it wrong in my implementation. Hope you can help.  </p>
  
  <p>Thank you all in advance.    </p>
  
  <pre><code>class RecentMediaUploadsWidget extends Component {
    renderImage = (imgURI) =&gt; {
      return (
        &lt;TouchableOpacity&gt;
          &lt;View&gt;
            &lt;Image
              style={styles.imageStyle}
              source={{ uri: ("file:///" + imgURI) }}
            /&gt;
          &lt;/View&gt;
        &lt;/TouchableOpacity&gt;
      )
    }
    render() {
      return (
        &lt;View style={styles.containerWrapper}&gt;
          &lt;ScrollView&gt;
            &lt;View style={styles.mainContainerStyle}&gt;{this.props.itemsPaths.map(this.renderImage)}&lt;/View&gt;
          &lt;/ScrollView&gt;
        &lt;/View&gt;
      );
    }
  }
  
  export default RecentMediaUploadsWidget;
  </code></pre>
  
  <p>And the styles is showing below</p>
  
  <pre><code>var styles = StyleSheet.create({
    containerWrapper: {
      flexDirection: 'column',
      alignSelf: 'flex-start',
    },
    mainContainerStyle: {
      flexDirection: 'row',
      flex: 1,
    },
    imageStyle: {
      width: imgWidth, height: imgWidth,
      overflow: "hidden",
      alignSelf: 'stretch',
    },
  })
  </code></pre>