React Native Advanced Onboarding (Reanimated 2)

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: https://www.reanimate.dev

Learn more about React Native: https://www.reactiive.io

Support me on Patreon: Patreon: reactiive 🤓
Follow me on Twitter: Twitter: reactiive_

Source code: https://github.com/enzomanuelmangano/...

Inspirations:
- Dribbble: https://dribbble.com/shots/5350361-Sk...
- Flutter SpeedCode Onboarding: Flutter Skateboard Deck Onboarding - ...

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 Native Reanimat...

About Interpolation 🐢
1. Interpolate with ScrollView: Interpolate with ScrollView like a pr...
2. Interpolate Colors (Theme Animation): Interpolate Colors like a pro with Re...
3. ColorPicker with InterpolateColor: Color Picker Animation with React Nat...

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

• #education
• #react_native
• #reanimated
• #animations
• #react_native_animations
• #gestures
• #onboarding