FaridSafi / FaridSafi/react-native-gifted-listview
Sticky Headers when you use the renderHeader option on the ListView
- 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