onViewableItemsChanged no triggered after the first section

Hello,

I use the Section List to display an alphabetical list of contacts. Each section correspond to a letter of the alphabet. Next to the list, there is a vertical component that display an alphabetical index (A to Z).

I would like to highlight the active section (letter) on this component. For that, the onViewableItemsChanged callback seems to be the answer.

However, it is not working as expected.

The event is only fired for the first section (in my contact app example, for the letter “A”). When the user scroll to the next section, the event is not triggered at all.

Thanks

[labtorie]

Hey. I guess I’ve found the problem. All you need to do is to patch BigList.js. The problem is in this line https://github.com/marcocesarato/react-native-big-list/blob/a50c24922e0f83226ba30a3626ab32bba74733d7/lib/BigList.jsx#L584

You need to replace section[sections] with section[s]

To patch the package you need to change it in react-native-big-list/dist/commonjs/BigList.js

[guicara]

Hello,

I’ve installed the last release (version 1.5.3). I can confirm that the bug is now fixed. The event onViewableItemsChanged is now triggered for each section of the list.

Again, thank you @labtorie @marcocesarato.

Have a nice day