Sticky Headers when you use the renderHeader option on the ListView

[zebulgar]

So when you use the refreshable options on this project, the way there are displayed is through the renderHeader option on a ListView.

However this makes it so that section headers "stick" to the top of the header rather than the top of the list which is normally obscured by a navbar.

This isn't necessarily and issue with this project but have you considered instead of using the renderHeader prop to instead just render a separate component away from the ListView so it doesn't mess up the sticky section headers?

Let me know if that doesn't make sense, happy to provide an example. It occurs in your advanced example. You can just put paddingTop of like 200 on the GiftedListView to see what I mean

[deresegetachew]

+1

[deresegetachew]

Sticky headers don't work on the example as well; I am not quite sure if it is because of the styling or how data is being passed . if Sticky headers can fixed it would be awesome

[deresegetachew]

@FaridSafi any new on this

[FaridSafi]

Hello guys sorry for late reply. I think the long term solution is to replace the current pull to refresh implementation by the new crossplatform RefreshControl feature https://facebook.github.io/react-native/docs/refreshcontrol.html

I can't work on this now but all kind of pull requests to fix sticky headers will be welcome.