Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

🎠Parallax Carousel Custom React Native animated Carousel that has the same API as FlatList, that's using React Native Reanimated to animate each individual Carousel Item but also `useAnimatedSensor` to apply the "Parallax" effect to the active carousel item.

mironcatalin's profile picture

Catalin Miron - AnimateReactNative.com

12,117 subscribers

25,793 görüntüleme • 2 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

Catalin Miron - AnimateReactNative.com profil fotoğrafı
Catalin Miron - AnimateReactNative.com2 yıl önce

High resolution recording. 🔜

onlydans profil fotoğrafı
onlydans2 yıl önce

sickkk

Catalin Miron - AnimateReactNative.com profil fotoğrafı
Catalin Miron - AnimateReactNative.com2 yıl önce

Thanks ✌️

Hewad Mubariz profil fotoğrafı
Hewad Mubariz2 yıl önce

👏👏👏

Catalin Miron - AnimateReactNative.com profil fotoğrafı
Catalin Miron - AnimateReactNative.com2 yıl önce

Thank you Hewad! ✌️

Hemant C. Sharma profil fotoğrafı
Hemant C. Sharma2 yıl önce

very nice Catalin!! good to see you back in action

Catalin Miron - AnimateReactNative.com profil fotoğrafı
Catalin Miron - AnimateReactNative.com2 yıl önce

Thanks Hemant! ✌️

Nikita Trifan profil fotoğrafı
Nikita Trifan2 yıl önce

Another play might be to parallax all of the cards in the viewport

Catalin Miron - AnimateReactNative.com profil fotoğrafı
Catalin Miron - AnimateReactNative.com2 yıl önce

You can do it, I'm purposely limit the parallax to the current (middle) item.

Francesco profil fotoğrafı
Francesco2 yıl önce

OMG OMG 😱

Catalin Miron - AnimateReactNative.com profil fotoğrafı
Catalin Miron - AnimateReactNative.com2 yıl önce

Thanks Fransis! 🤗

Benzer Videolar

Cover flow Music Carousel with Shared Element Transition, built in React Native powered by Software Mansion’s Reanimated Library. We couldn’t have done this without all the hard work of awesome RN community behind these libraries now at React Native EU is now React Universe Conf Design by @_iamsandeep & Dev by Karthik Balasubramanian
0:24

Cover flow Music Carousel with Shared Element Transition, built in React Native powered by Software Mansion’s Reanimated Library. We couldn’t have done this without all the hard work of awesome RN community behind these libraries now at React Native EU is now React Universe Conf Design by @_iamsandeep & Dev by Karthik Balasubramanian

Timeless

10,947 görüntüleme • 2 yıl önce

How to Implement a custom Accordion in react-native? using reanimated
0:50

How to Implement a custom Accordion in react-native? using reanimated

Ashu

31,861 görüntüleme • 2 yıl önce

AppleTV App Animated Carousel Using SwiftUI NOTE: This is a ScrollView!
0:23

AppleTV App Animated Carousel Using SwiftUI NOTE: This is a ScrollView!

Kavsoft

17,608 görüntüleme • 2 ay önce

Finally got to animate this carousel.🚧 Made with Figma of course. 🪄
0:20

Finally got to animate this carousel.🚧 Made with Figma of course. 🪄

Oluwapelumi

63,472 görüntüleme • 1 yıl önce

It's called the QB carousel
2:11

It's called the QB carousel

Nick Olson

314,920 görüntüleme • 2 yıl önce

"Marusya's Carousel". Excerpt from 1977 Soviet animated film.
4:35

"Marusya's Carousel". Excerpt from 1977 Soviet animated film.

Soviet Visuals

18,352 görüntüleme • 1 ay önce

Carousel live from the #ACMawards song out on Amazon Music May 16 🎠 Presave here:
0:29

Carousel live from the #ACMawards song out on Amazon Music May 16 🎠 Presave here:

Miranda Lambert

179,498 görüntüleme • 3 yıl önce

Create a visually appealing and animated sticky scroll header effect that uses interchangeable carousel cards. For more 👇
0:21

Create a visually appealing and animated sticky scroll header effect that uses interchangeable carousel cards. For more 👇

Kavsoft

16,497 görüntüleme • 1 yıl önce

A spin on the coaching carousel:
2:35

A spin on the coaching carousel:

Adam Schefter

1,062,443 görüntüleme • 1 yıl önce

Tomlin ➡️ BAL? Harbaugh ➡️ PIT? Carr ➡️ LV??? Derek and David react to the latest news in the NFL coaching carousel, and pitch some interesting landing spots 👀
0:36

Tomlin ➡️ BAL? Harbaugh ➡️ PIT? Carr ➡️ LV??? Derek and David react to the latest news in the NFL coaching carousel, and pitch some interesting landing spots 👀

Home Grown with David & Derek Carr

45,968 görüntüleme • 4 ay önce

I’ve opened a PR to React Native to add support for 120 FPS Animations while using the Animated API 🚀 Check it out:
0:27

I’ve opened a PR to React Native to add support for 120 FPS Animations while using the Animated API 🚀 Check it out:

Oskar Kwaśniewski

10,961 görüntüleme • 1 yıl önce

Animated img carousel 🤙 Use CSS trig functions to get radius and layout images as a cylinder 🤓 Use scroll animation to rotate the cylinder 📜 :root { --a: calc((360 / var(--total)) * 1deg); --r: calc((var(--item-width) / sin(var(--a))) * -1); } Explained 👇
1:03

Animated img carousel 🤙 Use CSS trig functions to get radius and layout images as a cylinder 🤓 Use scroll animation to rotate the cylinder 📜 :root { --a: calc((360 / var(--total)) * 1deg); --r: calc((var(--item-width) / sin(var(--a))) * -1); } Explained 👇

jhey ʕ•ᴥ•ʔ

348,300 görüntüleme • 2 yıl önce

carousel ride..
0:27

carousel ride..

july

77,688 görüntüleme • 1 yıl önce

A spin on the NFL coaching carousel.
6:05

A spin on the NFL coaching carousel.

Adam Schefter

2,704,307 görüntüleme • 1 yıl önce

Pick your favorite carousel all are free to copy-paste Jordan Animate UI Naymur Rahman Ibelick Aceternity
1:09

Pick your favorite carousel all are free to copy-paste Jordan Animate UI Naymur Rahman Ibelick Aceternity

Ali Bey

17,827 görüntüleme • 5 ay önce

Carousel (Carousel for Excel) is an AI assistant for Excel that builds spreadsheets & models for you in minutes. It's what Microsoft’s Copilot for Excel promised to be.
1:26

Carousel (Carousel for Excel) is an AI assistant for Excel that builds spreadsheets & models for you in minutes. It's what Microsoft’s Copilot for Excel promised to be.

Y Combinator

69,891 görüntüleme • 1 yıl önce