🔥 In this video tutorial we will create a beautiful animated carousel in React Native using FlatList and Animated API.

We’ll go through:

  • How to create a carousel in React Native using FlatList
  • How to blur images in React Native
  • How to morph between two blurred images
  • How to animated images in React Native

⚠️ Access full source code: https://www.patreon.com/bePatron?u=20582060

Becoming a Patreon will gain you access to multiple mini projects and code sources.

Starter code: https://gist.github.com/catalinmiron/d933f457f391f81c25169da7c5455b04


Inspiration: https://dribbble.com/shots/14139308-Simple-Scroll-Animation
Illustrations by: SAMji https://dribbble.com/SAMji_illustrator

👉👉 Have any questions? Join Discord: https://discord.gg/vg7hUDU.

Want to support me?


You can find me on:


Timeline:
TBD

#react-native-carousel #react-native-flatlist-carousel #react-native-animated #react-native-animation #react-native-blurred-image #react-native-morph #react-native-60fps

#animated api #flatlist #react

AWESOME React Native carousel animation 60fps - FlatList and Animated API
1.55 GEEK