Скачать или смотреть Advanced React Native FlatList animations with Animated API

I decided to make an Advanced React Native FlatList animation video tutorial this time. This is an animated carousel / animated slider with lots of awesome animations going on.

In this video tutorial we'll learn how to create:
learn how to create a text parallax effect
learn how to animate a pagination indicator
learn how to create a clipper/ticker animation with translateY
learn how to animate a circle based on active slide index

Built using @expo, vanilla React Native Animated API and FlatList.

This code works in plain React Native project as well since we are using only React Native APIs such as Animated and FlatList.

Inspiration: https://dribbble.com/shots/3894781-Ur...
GitHub: https://github.com/catalinmiron/react...

----

👉Join Discord:   / discord  .

Want to support me?

Patreon:   / catalinmiron  
BuyMeACoffee: https://www.buymeacoffee.com/catalinm...
Paypal: https://paypal.me/catalinmiron
----

You can find me on:

Github: http://github.com/catalinmiron
Twitter:   / mironcatalin  
Website: http://batman.codes

Timeline:
00:00 intro
01:40 project description
04:16 create Animated.event on FlatList
5:54 Animate Image
7:35 Parallax effect
12:01 Animated Ticker/Clipper component
19:00 Animated Circle component
28:11 Animated Pagination component
35:51 Final words

#reactnative #animations #parallax #flatlist #expo