Dynamic Header Scroll View - React Native | Speed Code Tutorial #reactnative

preview_player
Показать описание
A dynamic header when scrolling #ui with #reactnative 👨‍💻, for source file check below.

Thanks for watching!
Make sure to Like, Share & Subscribe For More.

► Source code
Leave a star when you clone -

► Developer

► Music
JBP:

Music from Soundcloud

#reactnative #react #mobileapps #speedcode #codingtutorial #programming #development #appdevelopment #typescript #javascript
Рекомендации по теме
Комментарии
Автор

How to make the same with useNativeDriver: true ?

HarXChannel
Автор

Excelent turorial! How to use this code for React native navegation, i need create custom header with Blur effect on scroll, example whatsApp

juandiegodurango
Автор

This dont work in android? i have tried this code ann when i scroll up slowly, makes like jumps while is changin

jesushurtado
Автор

It's possible to do the same with flat list?

franklinrodriguez
Автор

Great tutorial, is there any way to replace the header text with another one once the scroll reaches a specific value? I'm trying to do something similar to Spotify

maxaquilino
Автор

just add scrollEventThrottle={your componenet index number}

Finn_Maddy
Автор

On one hand, this is a great tutorial. But it is almost impossible to scroll to the last item, as it remains hidden even if the container is fully scrolled.

JanCuma
Автор

Hello, this animation happens slowly or quickly depending on the user's ability to scroll. How can I make the list expand to full height in one go when the user starts scrolling?

qwerty-focq
Автор

lack some clarity like how to show items on header max and not show when it on header min

waleefalrooh