In this video you will learn how to create Header Animation using react native reanimated on scroll.
✅ SUBSCRIBE TO MY CHANNEL
/ @vishalpwr
RECOMMENDED VIDEOS 📹
🔴 Custom Drawer Navigation - 1
• How to create Custom D...
🔴 Custom Drawer Navigation - 2 • How to create Custom D...
🔴 Google Sign in with Firebase - • Phone OTP Verification...
🔴 Custom Bottom tab Navigation - • Bottom Tab Navigation ...
🔴 Hangman Game - • How to create Hangman ...
Chapters ⏩:
00:00 - Demo
00:34 - Project Initilization
01:40 - Add Image Gradient overlay
03:24 - Implement on scroll animation using reanimated
06:35 - Implement Header Title Animation
10:00 - Implement Image Animation
11:40 - Final touches, optimize user experience
Source code:
👉 github.com/vishalpwr/react-na...
Like 👍 Share 📢 and Subscribe 🚀
@vishalpwr
#reactnative #application #ui #apps #header #navigation #animation #reanimated #parallax
Негізгі бет How to create Header Animation using Reanimated | Parallax Animation | Sticky Header
Пікірлер: 4