In this tutorial we’ll learn how to create an outstanding Skateboard Deck Onboarding. In order to build the animation we'll just use the Reanimated v2 package.
My React Native animations course: www.reanimate.dev
Learn more about React Native: www.reactiive.io
Support me on Patreon: / reactiive 🤓
Follow me on Twitter: / reactiive_
Source code: github.com/enzomanuelmangano/...
Inspirations:
- Dribbble: dribbble.com/shots/5350361-Sk...
- Flutter SpeedCode Onboarding: • Flutter Skateboard Dec...
Devefy Channel: / @devefy
This video is a little bit more advanced, so if it's your first time with Reanimated I highly recommend you to checkout my series "Animated with Reanimated"
- • Introduction to React ...
About Interpolation 🐢
1. Interpolate with ScrollView: • Interpolate with Scrol...
2. Interpolate Colors (Theme Animation): • Interpolate Colors lik...
3. ColorPicker with InterpolateColor: • Color Picker Animation...
Chapters:
00:00 Demo
01:25 Introduction
02:21 ScrollView & Pages UI
12:25 Switch to an Animated.ScrollView
16:40 Circle Scale Animation + interpolate
22:03 Skate Image Animation
26:03 Footer UI
30:20 Paginator
36:56 Scroll onIconPress
Негізгі бет React Native Advanced Onboarding (Reanimated 2)
Пікірлер: 26