React Native - 当视图离开屏幕时检测答案

【问题标题】：React Native - Detect when view goes offscreen FlatlistReact Native - 当视图离开屏幕时检测
【发布时间】：2017-07-07 14:11:16
【问题描述】：

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

目前我的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 的东西会消失？或者我可以附加“将消失”逻辑的任何其他处理程序？

感谢您的帮助！

【问题讨论】：

标签： facebook react-native react-native-flatlist

【解决方案1】：

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

【讨论】：

谢谢，正是我想要的。