reactjs - react -native 在滚动视图中播放视频，如 instagram

Question

我正在尝试使我的主页像 instagram 一样。所以像 instagram 一样，我只想在滚动视图到达该视频时播放视频，并且视频会自动播放。

我试过这段代码

<ScrollView ref={ref => this.scrollView = ref}
    horizontal={false}
    automaticallyAdjustContentInsets={true}
    onMomentumScrollEnd={() => this.handleScrollEnd()}
    contentContainerStyle={{flexGrow: 1}} 
    style={{height: '100%'}} 
    onContentSizeChange={this.handleSize} 
    >
    <View style={style.mianContainer}>
    {
        this.state.publicPost.map((item, index) => {
            return(
                <Video
                    ref={ref => this.state.post_id = ref}
                    source={{ uri: this.state.postData.videos[0] }}
                    resizeMode={'cover'}
                    repeat={true}
                    muted = {true}
                    style={style.postImage}
                    onLoad={() => {
                        //this.state.postData.id.seek(2);
                        this.setState({ imageLoader: false });
                    }}
                />
             );
        })
    }
    </View>
</ScrollView>

我正在尝试使用测量功能来获取视频的位置，但不知道如何与当前屏幕帧匹配。

谢谢！