React Native - 检测视图何时离开屏幕

Question

我有一个 Flatlist 元素，它呈现可以是图像或视频的视图集合，类似于 Facebook 提要。有什么方法可以检测视图何时从屏幕上消失，以便我可以停止自动播放视频元素？

目前我的 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
}

如果没有 Flatlist 元素，会不会有类似 UITableViewCell 的东西消失？或者我可以附加 "will disappear" 逻辑的任何其他处理程序？

感谢您的帮助！

Answer 1

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

React Native - 检测视图何时离开屏幕

React Native - Detect when view goes offscreen Flatlist

facebook

react-native

react-native-flatlist