如何在水平VirtualizedList上停止视频?

时间:2019-07-08 10:20:29

标签: react-native video webview

我在React Native上有一个水平的VirtualizedList。 renderItem的功能显示了一个新组件,该组件具有带视频的Web视图。 当我播放视频然后滑动时,视频继续播放。 要停止视频,我必须再滑动2次才能自动停止视频,因为我的windowsize =6。

仅滑动时如何停止视频?我不想更改windowSize。

谢谢。

<VirtualizedList
             data={this.state.art}
		ref={(ref) => { this.VirtualizedList = ref; }}
                    initialNumToRender = {1}
                    windowSize={6}
                    getItemCount={(data) => this.state.art.length}
                    getItem={(data, index) => {
                      return { art: data[index] };
                    }}
                    keyExtractor={(item, index) => {
                      return item.art.url;
                    }}
					          onScrollToIndexFailed={(index)=>{
                      this.onfail(index);
                    }}
                    getItemLayout = {(data, index) => (
                      { length: width, offset: width * index, index }
                    )}
                    horizontal={true}
                    showsHorizontalScrollIndicator={false}
                    removeClippedSubviews={false}
                    onEndReachedThreshold={1}
                    maxToRenderPerBatch={1}
                    pagingEnabled={true}
                    renderItem={this._renderItem.bind(this)}
                    onMomentumScrollEnd={this.onScrollEnd}
                    onEndReached={this.fetchData}


                  />

0 个答案:

没有答案