Discussion on "React Native Reanimated 2 - Collapsing Header + FlatList Tips"

Andrei Zgirvaci · 2021-06-10T13:00:20.103Z

Recently, I have been trying to animate a dynamic header like AirBnb has using React Native Reanimated 2. The Problem While I have successfully managed to make it work on iOS, on Android it turned out to be quite laggy and something didn't seem right...

i have same problem, i don know but i think pull refresh is not work when use my collapsable header. today i refactory my code withe reanimated 2 and change animation height to transform. the animate i think is well but pull refresh i will need to fix. i will try you solution. and i will be very thankful if you share a example in a github. but i understand if you cant. and im be grateful fo you post! thx

Hey Michel,

Try to follow this issue, maybe it helps: stackoverflow.com/questions/54934513/offset-refre…

Unfortunately, I can't share my code, but you can find some similar code that I included above in the article.

Hope it helps :)

Great article Andrei, but some visuals would really help deliver your point. Would love to see some images or gifs of the result

Thank you! Yeah, I would love to share the visuals, unfortunately, is work-related 🙂

Discussion

React Native Reanimated 2 - Collapsing Header + FlatList Tips

Responses(2)

Recent in Forum

Search Hashnode

React Native Reanimated 2 - Collapsing Header + FlatList Tips

Responses(2)

Recent in Forum