Section List implementation issues

[nicolasWD]

Current behavior

I have some issues with the implementation of the Section List example. I'll try to point them out in as much detail as I can

1. I requires the conversion of data to a linear list of "strings" and objects that is not really too efficient.
2. It seems that for each header it renders 2 layers that move together until one sticks on top. The one that keeps moving above appears for a brief moment. See image below:

If I add white background to the header text then if I pull to refresh it messes up as seen below

3. I've got an input area on top so that on each text change I filter my data ( I have to recreate both my linear list and stickysectionheaderindices) but every time my data changes that a different sticky header should be on top it seems that the original is overlayed. I couldn't find a way to refresh the list so it rerenders correctly. See image below

Originally:

with filter:

it seems the sticky header does not change to the same value as from that in renderItem

4. If I add a separator between each item within each section I have to do it while handling data myself. This isn't efficient

Expected behavior

should rerender correct sticky headers on each time data in renderItem changes and hide header if it's offset y position goes below 0

To Reproduce

use example with TextInput on top that uses onChangeText to filter data

Platform:

• iOS
• Android
• Expo

Environment

windows

1.4.3