React Native - Scroll Animation

Подписаться 789

Просмотров 50 тыс.

50% 1

This is a quick tutorial how to create a smooth animation while user perform scrolling. Please note that this tutorial doesn't cover basic things like hooks & styling. Source code can be found here : github.com/bun...

Опубликовано:

10 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 49

@hcsagan 4 года назад

Thanks for very useful tutorial. Besides that, I've never thought and seen passing parameter to the styles. Thanks for that idea too 😊

@Reactiive 3 года назад

Great video! I think that dealing with the same animation in Reanimated 2 can be really interesting :)

@user-lx3zh2xn1v Год назад

Amazing Man. Thanks for posting this and helping all the react native community. It's one of the perfect example for parallax effect.

@ayam.5401 Месяц назад

exactly what i was looking for, thanks a lot

@lakshmia4047 3 года назад

thank u sooo much sir....i was search from 2days for sticky bar implementation after watch this video i got my solution very easy....

@se-vs7sg 2 года назад

Amazing and great explanations along the way

@godwinebikwo6544 4 года назад

Wow wow 🤩 thanks so much. Been looking for something like this

@MikeTypes Месяц назад

WOW NICE!

@sun9woo 3 года назад

2:40 I want the white gap between banner and the dummy test to stay the same. scrollThrottleEvent doesn't seem to work. How do I achieve this? Many Thanks!

@wadf29 11 месяцев назад

Still working like a champ. I would probably build this with JS. TS will scream a lot.

@amentotech0047 4 года назад

Where have you defined isTransparent ????? getting error "Can not find isTransparent"?? please guide :) Thanks in advance.

@BungFerdly 4 года назад

Pause at 3:27, it is a state hook :)

@amentotech0047 4 года назад

@@BungFerdly thanks :)

@eriboss11 3 года назад

Great video. It would be even better to show the finish result at the start of the video . :)

@khalidkhan5308 3 года назад

we need more tutorials from you !

@davidhahn7391 3 года назад

thank you bungferdly!

@ehsankhorasani_ 3 года назад

useNativeDriver is not because Javascript is sow for calculation. it's for avoiding bypassing values every time through bridge

@MinhThongLe 3 месяца назад

Thanks

@HeartlessAssassin 3 года назад

Thank you! This was solid

@riseandthrivemaster 3 года назад

Bang. Biar waktu scroll ke atas, headernya kyak ada opacity gitu gmna bang?

@dwiyanputra2372 3 года назад

thank you for your useful tutorial, terimakasih :)

@UmairVatao 4 года назад

Great tutorial!

@harshgangani9385 3 года назад

what we have to do for android device???

@Phyx1u5 Год назад

very helpful thank yoU!

@ryandhikarukmana352 4 года назад

Bung kalo misal mau scroll terus view salah satu content jadi sticky pas mentok di atas gimana ya?

@BungFerdly 4 года назад

Coba ini reactnative.dev/docs/scrollview#stickyheaderindices

@amrullahdev8895 2 года назад

wa gokil si lu bang, gua cobaa ya , makasih bang

@arwysyah2400 4 года назад

can you tell me the size of the variable {banner} that you imported?

@BungFerdly 4 года назад

Can be any size. That one is 350

@arwysyah2400 4 года назад

Thanks

@gouravbhati3374 4 года назад

Pls can you share git link or source code very nice video

@LoriickT 4 года назад

very good

3 года назад

Hi, how to android scroll animation

@ahmadmardiana5524 3 года назад

Yeaah, love it, indonesiann

@bonplancryptomoney4102 4 года назад

can we have the github code ?

@andiirsandi1291 3 года назад

how to add another function into onScroll event

@BungFerdly 3 года назад

Use addListener 3:27

@godwinebikwo6544 4 года назад

what is the value of TOPNAV_H please

@BungFerdly 4 года назад

It’s 50. For safe area, I use react-native-safe-area-context module

@godwinebikwo6544 4 года назад

@@BungFerdly Thanks. any github link?

@dibayuin7859 4 года назад

mas masuk grup mana ? saya juga sedang memperdalam animated / reanimated, pengen punya temen diskusi & tukar pikiran

@BungFerdly 4 года назад

Wah belum punya grup2an 😅

@gachagenshin4662 4 года назад

can you share code ?

@reveriches1785 3 года назад

apakah pernah di indonesia?

@alexalannunes 4 года назад

github code ?

@yournameallowed 2 года назад

coba contentnya webview mas

@xxidbr9 4 года назад

Mantap

@bimbim1862 2 года назад

bung ferdly mengapa bhs inggris c'mon

@IkhwanusShofa6078 4 года назад

Bang minta kodinganya dong