title: react -native play video inside scrollview like instagram
body: <p>I am trying to make my home page like instagram.
  so like instagram, I want to play video only when scrollview reach that video and video will play automatically.</p>
  
  <p>I have tried this code</p>
  
  <pre><code>&lt;ScrollView ref={ref =&gt; this.scrollView = ref}
      horizontal={false}
      automaticallyAdjustContentInsets={true}
      onMomentumScrollEnd={() =&gt; this.handleScrollEnd()}
      contentContainerStyle={{flexGrow: 1}} 
      style={{height: '100%'}} 
      onContentSizeChange={this.handleSize} 
      &gt;
      &lt;View style={style.mianContainer}&gt;
      {
          this.state.publicPost.map((item, index) =&gt; {
              return(
                  &lt;Video
                      ref={ref =&gt; this.state.post_id = ref}
                      source={{ uri: this.state.postData.videos[0] }}
                      resizeMode={'cover'}
                      repeat={true}
                      muted = {true}
                      style={style.postImage}
                      onLoad={() =&gt; {
                          //this.state.postData.id.seek(2);
                          this.setState({ imageLoader: false });
                      }}
                  /&gt;
               );
          })
      }
      &lt;/View&gt;
  &lt;/ScrollView&gt;
  </code></pre>
  
  <p>I am trying with measure function to get position of video but can't idea how to match with current screen frame.</p>
  
  <p>thanks!</p>