FaridSafi / FaridSafi/react-native-gifted-listview

Sticky Headers when you use the renderHeader option on the ListView

Open
#16 4 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
1.6k
Forks
287
PR merge metrics
No merged PRs in 30d

Description

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

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the advanced example and its GiftedListView usage of the renderHeader option. Reproduce the behavior by adding paddingTop of 200 to GiftedListView and observe the section headers while scrolling. Done means the refreshable header no longer changes the section headers' sticky position, while the existing refresh behavior still works.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.