#3 Hide Header on scroll up and visible on scroll down animation in React Native

Thanks a lot. did not know about this diffClamp function.

but if you scroll to top, the first card is hidden by the header

thank you, How to do this with multiple Flatlist, m having a case where m using tab top navigation, each tab is a flatlist, and I need to collapse header when even i scroll in any tab

anyone have issue when trying scroll up? I follow the tutorial and I did it for hide when scroll down, but it doesn't happen when scroll up

tq so much bro

Great! If you go to all the way top it will the scroll part is hiding under header

Good explanation dude.

Thanks alot man ! Honestly I am working on a project and I have been avoiding the Animated part of it, until came the time that I need to do exactly that ! The funny part that my project is setup exactly like yours with the flat-list and all ! So it made me more confident to follow your instruction and it worked perfectly man !! THANK YOU ALOT

Thank U for this tutorial, it help me

Thanks!!!

Thanks man, this is very helpful!

after the header is set to the absolute top part of scroll view content is getting hidden is there any solution?

clean code please

Hi I am trying to implement this with the SafeAreaView from react-navigation-safeareaview which wraps my header. But the SafeAreaView remains on top. How to do this. Can you give an example?

Great !!! 💖💖💖

hey nice video can u make one where u can add and materialTopTabs like wzzp thanks.

very useful, thank you sir.

Great man , thanks , thats just what i need!!

Hi bro I need a help.
I need to nest a sectionlist insidr another sectionlist. Whenever I use scrollToLocation I get error saying this._scrollRef is not a function.
Please give some suggestion.
Basically I need a scrollable header with tabs having name as of section header and should stick to top even if ListHeaderComponent be in its top.