title: React Native nested ListView triggers onEndReached multiple times on loading
body: <p>Here's the code:</p>
  
  <pre><code>&lt;ScrollView&gt;
            { tree.myPoiComments.CommentInfo &amp;&amp; tree.myPoiComments.CommentInfo.length&gt;0 &amp;&amp;
            &lt;FlatList
              data={tree.myPoiComments.CommentInfo}
              keyExtractor = {(item, index) =&gt; item.CommentId}
              ListHeaderComponent = {() =&gt; &lt;View&gt;
                        &lt;Text style={styles.listHeader}&gt;My Comments&lt;/Text&gt;
                        &lt;/View&gt;}
              renderItem= {({item}) =&gt; &lt;CommentItem comment={item} owner={1} /&gt;}
            /&gt;
            }
            { tree.poiComments.CommentInfo &amp;&amp; tree.poiComments.CommentInfo.length&gt;0 &amp;&amp;
            &lt;FlatList
              data={tree.poiComments.CommentInfo}
              keyExtractor = {(item, index) =&gt; item.CommentId}
              onEndReachedThreshold={1}
              onEndReached={(info) =&gt; {
              alert(JSON.stringify(info));
              } }
              extraData = {this.state}
              bounces={false}
              ListHeaderComponent = {() =&gt; &lt;View&gt;
                        &lt;Text style={styles.listHeader}&gt;People's Comments&lt;/Text&gt;
                        &lt;/View&gt;}
              renderItem= {({item}) =&gt; &lt;CommentItem comment={item} owner={0} /&gt;}
            /&gt;
            }
          &lt;/ScrollView&gt;
  </code></pre>
  
  <p>I've went through the issue list in github of react native. onEndReached just won't work properly when there is a ScrollView wrapped. 
  I tried everything I find, none worked.</p>
  
  <p>I only need the FlatList displaying data. Two lists scroll separately is not what I want. That's why I need the ScrollView. It seems the nesting construction is inevitable.
  Is there a way around?</p>