React Native - обнаруживает, когда просмотр уходит за пределы экрана Flatlist

У меня есть элемент 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
}

Могло ли что-то вроде UITableViewCell исчезнуть, если бы не элементы Flatlist? Или какой-нибудь другой обработчик, куда я мог бы прикрепить логику «исчезнет»?

Спасибо за помощь!


person romsearcher    schedule 07.07.2017    source источник


Ответы (1)


Вам необходимо использовать свойство onViewableItemsChanged. Таким образом вы будете знать, какие элементы видны в данный момент.

person dhorelik    schedule 07.07.2017
comment
Спасибо, именно то, что я искал. - person romsearcher; 07.07.2017