我在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}
/>