Component does not seem to pass stickyHeaderIndices to inner scroll view

[voxlz]

stickyHeaderIndices works fine with a normal scroll view, but the wrapped one is ignoring the prop.

[liamjones]

I briefly looked at this because it was also something we encountered. For info if anyone wants to look at resolving it (I don't have time right now, unfortunately);

The stickyHeaderIndices prop is passed on, the problem is that the module changes the structure of your scroll view children so the scroll view's direct children aren't your child items anymore.

If you have:

<YourScrollView stickyHeaderIndices={[0]}>
  <YourItem1/> <!-- This is sticky -->
  <YourItem2/>
  <YourItem3/>
</YourScrollView>

Then once it's wrapped you end up with:

<ScrollViewWrapper>
  <YourScrollView stickyHeaderIndices={[0]}>
      <ProvideAPI> <!-- This is sticky -->
          <YourItem1/>
          <YourItem2/>
          <YourItem3/>
      </ProvideAPI>
  </YourScrollView>
<ScrollViewWrapper>

So ProvideAPI is what ends up sticky. See hoc.tsx:

react-native-scroll-into-view/src/hoc.tsx

Lines 99 to 101 in 556ba08

	<ScrollViewComp {...scrollViewProps}>
	<ProvideAPI dependencies={this.dependencies}>{children}</ProvideAPI>
	</ScrollViewComp>