react -native像instagram一样在scrollview中播放视频

时间:2019-03-04 05:00:49

标签: reactjs react-native react-native-video

我正在尝试使我的主页像instagram。 因此,像instagram一样,我只想在scrollview到达该视频时自动播放视频。

我已经尝试过此代码

<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>

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

谢谢!

0 个答案:

没有答案