feat: LargeHeader Visibility Customization

[Sejby]

Feature Request

Hi, is it possible to add the functionality of being able to control and customize when the large header is shown?

Use Case

For example I want to be able to show the large header even when scrolled down in the list and scrolling a little bit up.

Proposed Solution

Please add some largeHeaderShownVisible prop to for example FlashListWithHeaders. Then I can create a scrollworklet and track the scroll position and based on its value I can pass true or false for the large header to be shown.
Or add a showLargeHeaderOnScrollUp prop.

Thank you so much for this library!

[e-younan]

Thanks for opening this up! This is more of a "sticky header" feature where the header will show up as soon as the user scrolls in the opposite direction, rather than when the user scrolls to the top. This will require a bit of refactoring since I am using the ListHeaderComponent prop on a FlashList to render the large header, which I believe doesn't support this feature. I'll look into it when I free up.

If you would like to see this happen quicker, I urge you to open a PR!

[Sejby]

Thanks for opening this up! This is more of a "sticky header" feature where the header will show up as soon as the user scrolls in the opposite direction, rather than when the user scrolls to the top. This will require a bit of refactoring since I am using the ListHeaderComponent prop on a FlashList to render the large header, which I believe doesn't support this feature. I'll look into it when I free up.

If you would like to see this happen quicker, I urge you to open a PR!

Sounds great! Yeah it probably needs to be refactored, maybe separate the large header from list. I'll see if I can find some time to do a PR.