React Native - 当视图离开屏幕时检测到Flatlist

Question

我有一个Flatlist元素，可以呈现可能是图片或视频的视图集合，类似于Facebook Feed。有没有办法检测视图何时从屏幕上消失，以便我可以停止自动播放视频元素？

目前我的Flatlist组件附加了scrollHandler，可检测内容的偏移并计算视图编号。

scrollHandler(event){

    let postHeight = 200;
    var currentOffset = Number(event.nativeEvent.contentOffset.y);

    this.offsetActual=currentOffset;
    this.velOffset=currentOffset-this.prevOffset;
    this.prevOffset=currentOffset;

    let postNumber=(currentOffset/postHeight);
    // Any additional logic
}

对于UITableViewCell元素，Flatlist之类的内容会消失吗？或者我可以附加的任何其他处理程序＆＃34;将消失＆＃34;逻辑？

感谢您的帮助！

Answer 1

您需要使用onViewableItemsChanged道具。这样您就可以知道目前哪些项目可见。