title: React native flatlist not scrolling
body: <p>I've been using FlatList a lot of times, and never had such experience.I'm having one view with an image on top on of a page and my list is below.When I try to scroll, list bounces to the top.</p>
  
  <p>Can not find a good solution for this.</p>
  
  <p>Here is my list:</p>
  
  <pre><code>  &lt;FlatList
      data={this.props.comments.data}
      renderItem={this.renderDetailsItem}
      keyExtractor={(item, index) =&gt; index}
      /&gt;
  
   renderDetailsItem({ item, index }) {
      return (&lt;CardDetailsComment
      key={item.id}
      imageUrl={item.profileImage}
      username={item.username}
      comment={item.data}
      time={item.createdAt}
      /&gt;);
          }
  </code></pre>
  
  <p>Here is my CardDetailsComment component:</p>
  
  <pre><code>const CardDetailsComment = (props) =&gt; {
    return (
        &lt;View style={styles.containerStyle}&gt;
        &lt;Image
        style={styles.avatarStyle}
        source={{ uri: props.imageUrl }}
        /&gt;
        &lt;View style={styles.holderStyle}&gt;
        &lt;Text style={styles.userStyle}&gt;
         { props.username }
        &lt;/Text&gt;
        &lt;Text style={styles.timeStyle}&gt;
         { props.comment }
        &lt;/Text&gt;
        &lt;Text&gt;
         {moment.utc(props.time, 'YYYY-MM-DD HH:mm:ss').local().fromNow()}
        &lt;/Text&gt;
        &lt;/View&gt;
        &lt;/View&gt;
  
    );
  };
  
  const styles = StyleSheet.create({
     avatarStyle: {
      height: 40,
      width: 40,
      borderRadius: 20,
    },
     containerStyle: {
       position: 'relative',
       top: 415,
       left: 10,
       bottom: 5,
     },
  
     holderStyle: {
     display: 'flex',
     flexDirection: 'column',
     position: 'relative',
     left: 50,
     top: -40,
     },
  
     userStyle: {
       paddingBottom: 5,
     },
  
     timeStyle: {
      paddingBottom: 10,
    }
  });
  </code></pre>