Recyclerlistview: onVisibleIndexesChanged problem video

[leifermendez]

Hello, thank you for an excellent component. I'm handling the onVisibleIndexesChanged event to be able to play a video or stop it, but I have a problem I'd like to be able to stop it when the red box hides, but the callback goes off when the blue box hides. I know that the size I use in the layoutProvider is bigger but how could I handle this situation?

Video: https://youtu.be/5mkclrVGjvg

[evilchis94]

FlatList has the "viewabilityConfig" prop in which you can specify "viewAreaCoveragePercentThreshold" and "itemVisiblePercentThreshold" where you can define what percentage of a visible item is considered to trigger viewability callback. I was looking in source code (because I need it too) and I found that this prop is in TODO list https://github.com/Flipkart/recyclerlistview/blob/master/src/core/RecyclerListView.tsx#L17

[leifermendez]

thanks I try and comment

[leifermendez]

@evilchis94 not work. Can you write a example code ?

[gorjuspixels]

@evilchis94 not work. Can you write a example code ?

it's not implemented yet

[pribeh]

Any pointers on how we might implement "viewAreaCoveragePercentThreshold" and "itemVisiblePercentThreshold" if we dug into the codebase? We need this too.

[omerman]

@pribeh +1, I also need this and will be glad to implement it.

I tried to find where is the index calculated. It seem to happen here

[pribeh]

@naqvitalha Does the value in findFirstVisibleIndexUsingBS(0.001), that @omerman points to, impact the visibility area of the list item for onVisibleIndexesChanged? If so, how could we expose this value as a props?

const relevantIndex = this._findFirstVisibleIndexUsingBS(0.001);

[baxri]

@leifermendez @evilchis94 Any luck for this problem?