Search code examples
react-nativereact-native-flatlistreact-animated

Hiding header on scroll not working as need in react native

I'm working on React Native App and I'm trying to hide the header on scroll up (from down to up), I found an example and it worked but when I click on the header it clicks on Flatlist item !!

I'm clicking on header

HomeScreen

This is HomeScreen code

Header

Header code

Solution

  • Have a try with the medium blog might help you with your requirements.

    https://medium.com/swlh/making-a-collapsible-sticky-header-animations-with-react-native-6ad7763875c3