正在加载视频...

视频加载失败

返回首页

Circular Carousel with React Native Reanimated 🪄 Inspiration: Available today on Patreon

reactiive_'s profile picture

Enzo Manuel Mangano

11,701 subscribers

26,742 次观看 • 3 年前 •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

8 条评论

Catalin Miron - keyframer.dev 的头像
Catalin Miron - keyframer.dev3 年前

Now, make it snap to the closest element. For example: YouTube:

Enzo Manuel Mangano 的头像
Enzo Manuel Mangano3 年前

Kudos for animation, it's gorgeous! Actually, it should already snap to the closest item although from the video I posted you can't really tell. You can see it just a little bit in the tenth second. I've simply used pagingEnabled and the snapToInterval props to achieve that 👀

Murat 的头像
Murat3 年前

For those who are lazy to code this

Nikhil kumawat 的头像
Nikhil kumawat3 年前

Nice animation 🔥 #reanimated #reactnative

Darshan Pawar 的头像
Darshan Pawar3 年前

Great Animation. Will definitely try it for sure. 💯

Hamed 🇵🇸 的头像
Hamed 🇵🇸3 年前

So cool 🔥🔥, no updates on youtube soon 🌚?

Kwesi Kay 的头像
Kwesi Kay3 年前

Love it

Surinder Singh 的头像
Surinder Singh3 年前

Can we animate/rotate it 360° like plantes around earth 🫣

相关视频

Airbnb Animated Slider with Reanimated 🎛️ Available now on Patreon 🪄
0:21

Airbnb Animated Slider with Reanimated 🎛️ Available now on Patreon 🪄

Enzo Manuel Mangano

10,384 次观看 • 3 年前

🎠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.
0:31

🎠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.

Catalin Miron - keyframer.dev

25,826 次观看 • 2 年前

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

11,831 次观看 • 3 年前

React Native Reanimated 4 is now stable and ready for production 🐎 Featuring CSS Animations & Transitions, multithreading with React Native Worklets and more.
5:46

React Native Reanimated 4 is now stable and ready for production 🐎 Featuring CSS Animations & Transitions, multithreading with React Native Worklets and more.

Software Mansion

113,080 次观看 • 1 年前

Done in React Native. Powered by Reanimated by Software Mansion Robust API: - triangle orientation - custom height/base - stroke Thanks Elkenzi𝕏 & Shubham 👾 for the inspiration!
1:01

Done in React Native. Powered by Reanimated by Software Mansion Robust API: - triangle orientation - custom height/base - stroke Thanks Elkenzi𝕏 & Shubham 👾 for the inspiration!

Catalin Miron - keyframer.dev

14,530 次观看 • 1 年前

Just cooking something :) Powered by Prisma, Expo and React Native Reanimated
5:43

Just cooking something :) Powered by Prisma, Expo and React Native Reanimated

Catalin Miron - keyframer.dev

21,547 次观看 • 2 年前

A cute self-care app i've been building as a sole react native dev in my current team. built with react native Expo Reanimated for all smooth animations Also used React Native Skia for water cup motion
0:50

A cute self-care app i've been building as a sole react native dev in my current team. built with react native Expo Reanimated for all smooth animations Also used React Native Skia for water cup motion

Daehyeon Mun

108,039 次观看 • 1 年前

Slack-inspired FAB menu with drag-to-select gestures built in Expo with RNGH, Reanimated, and react-native-ease
0:25

Slack-inspired FAB menu with drag-to-select gestures built in Expo with RNGH, Reanimated, and react-native-ease

Solarin

23,132 次观看 • 4 个月前

Announcing React Native Reanimated 4 🐎 Long-awaited CSS Animations and Transitions support is here Available now in Beta Read more 👇
0:49

Announcing React Native Reanimated 4 🐎 Long-awaited CSS Animations and Transitions support is here Available now in Beta Read more 👇

Software Mansion

246,458 次观看 • 1 年前

✨ Introducing Apple Music on React Native! UI with a custom modal view, built with expo, react-native-reanimated, and gesture-handler. Took me about two days, but still needs a few fixes. Link to the GitHub project below 👇
0:35

✨ Introducing Apple Music on React Native! UI with a custom modal view, built with expo, react-native-reanimated, and gesture-handler. Took me about two days, but still needs a few fixes. Link to the GitHub project below 👇

Saúl

81,980 次观看 • 2 年前

Built this flight booking app in 15 minutes with Claude 🤯 as the base. Built with Expo React Native Nativewind and Software Mansion reanimated.
0:24

Built this flight booking app in 15 minutes with Claude 🤯 as the base. Built with Expo React Native Nativewind and Software Mansion reanimated.

Thomino

25,234 次观看 • 7 个月前

Text slide animation in React Native Expo🤤 w/Software Mansion's reanimated + expo-blur 🫶 product/ 💙
0:40

Text slide animation in React Native Expo🤤 w/Software Mansion's reanimated + expo-blur 🫶 product/ 💙

Erencan Arica

107,905 次观看 • 1 年前

React Native Reanimatedでアプリのトランジションに遊びを入れてみる
0:21

React Native Reanimatedでアプリのトランジションに遊びを入れてみる

yui540

78,779 次观看 • 5 个月前

One of my favorite little touches I've made in React Native Expo. w/ Software Mansion's reanimated + expo-blur
0:40

One of my favorite little touches I've made in React Native Expo. w/ Software Mansion's reanimated + expo-blur

Erencan Arica

38,576 次观看 • 3 个月前

Here’s how I handle keyboard avoidance in React Native 👇 The keyboard covering your inputs is one of the most annoying UX issues on mobile. In this video, I show how I use react-native-keyboard-controller with reanimated to smoothly avoid this problem (👨‍💻 source code below)
4:05

Here’s how I handle keyboard avoidance in React Native 👇 The keyboard covering your inputs is one of the most annoying UX issues on mobile. In this video, I show how I use react-native-keyboard-controller with reanimated to smoothly avoid this problem (👨‍💻 source code below)

Beto

50,893 次观看 • 1 年前

React Native Mastery is available NOW! 🚀
3:24

React Native Mastery is available NOW! 🚀

Vadim Savin @notJust.dev

75,974 次观看 • 1 年前

Inspired by Nitish Khagwal , powered by React Native, Expo, Software Mansion's Reanimated layout animations. Running on both iOS and Android. Shall I record a video tutorial about it?
0:30

Inspired by Nitish Khagwal , powered by React Native, Expo, Software Mansion's Reanimated layout animations. Running on both iOS and Android. Shall I record a video tutorial about it?

Catalin Miron - keyframer.dev

25,822 次观看 • 1 年前