Add OnScroll Prop to the alphabet list

[harshdeep-jft]

Expected Behavior

There should be a onscroll prop for getting the scrolling event.

Actual Behavior

No props for scroll event, Onscroll prop like flat list

[dheysonalves]

Hello there, thanks for assigning this. We gonna check, but feel free to open a PR. If don't want to wait :).

[harshdeep-jft]

Hello there, thanks for assigning this. We gonna check, but feel free to open a PR. If don't want to wait :).

I have mailed you the code for it, sorry I can't raise pr

[dheysonalves]

Hey, I have seen your email, nice catch.
Gonna find time this week to implement and merge, thanks again for sharing it.

[trickeyd]

Wow - reported yesterday!?
I just cam across this same thing when trying to use react-native-reanimated with your component.

I'm attempting to use const ReanimatedAlphabetList = Animated.createAnimatedComponent(AlphabetList)

And then use their event system like so:

 const onScroll = event(
    [
      {
        nativeEvent: {
          contentOffset: {
            y: scrollY.current,
          },
        },
      },
    ],
    { useNativeDriver: true },
  )

<ReanimatedAlphabetList onScroll={onScroll} />

[trickeyd]

Ah - thats not gonna work as its wrapped in a view. Hmmm

[trickeyd]

I forked and fixed for my purposes. You probably won't want this as it is pretty specific to my needs, but will let you know anyway.

Added CustomSectionComponent prop so I could pass in my animated one:

Add it in your render function:

This I wrap it in my code:

And then pass it and onScroll in: