Easiest React Native Parallax Image Scroll EVER 😱

  Рет қаралды 10,519

Simon Grimm

Simon Grimm

Күн бұрын

Spice up your React Native app with the parallax image scroll, one of the most popular features you will see in native apps. Learn to apply parallax scroll with Reanimated easily and even add a header transition!
🔥 Learn React Native FAST: galaxies.dev
👨‍💻 Full tutorial: galaxies.dev/react-native-par...
#############################
❤️ You can also find me on:
Twitter: / schlimmson
Instagram: / simongrimm_
#############################
00:00 Parallax Page Setup
05:16 Using Reanimated
12:49 Header Transition

Пікірлер: 29
@Beyram1501
@Beyram1501 8 ай бұрын
I hope you do know these kind of videos are really appreciated. Thanks ❤
@nadeemshareef7508
@nadeemshareef7508 7 ай бұрын
Love the react native videos 🎉
@renanmalato
@renanmalato 2 ай бұрын
thank you, was exactly what I was looking for!
@PavloCPP
@PavloCPP 4 ай бұрын
Thank you so much for this! This video is a real treasure :)
@galaxies_dev
@galaxies_dev 4 ай бұрын
Glad you enjoyed it!
@kwesikayofficial3078
@kwesikayofficial3078 8 ай бұрын
Nice work
@call_me_rusker
@call_me_rusker 8 ай бұрын
nice,well done❤
@user-om2ou9hj7c
@user-om2ou9hj7c 7 ай бұрын
Nice,This is what i want
@amadouourybah1442
@amadouourybah1442 4 ай бұрын
😊😊nice content really liked it
@galaxies_dev
@galaxies_dev 4 ай бұрын
Thank you so much 😁
@LeBaron.
@LeBaron. 8 ай бұрын
Hey Simon, Would you consider doing the same video but this time for Ionic/Angular, same for Shared Element Transition
@mikkewango6461
@mikkewango6461 6 ай бұрын
Thanks for the video but in the header transition the header text isn't affected by the opacity (ruins the effect) such that you'll see it at the top then when you start scrolling the header background fades into view(change text color to notice)
@user-sh1uo2dz2f
@user-sh1uo2dz2f 7 ай бұрын
Hey brother, may I ask how to achieve this effect on Android? Android doesn't seem to have the same bouncing effect as iOS
@tojifushigoro3134
@tojifushigoro3134 7 ай бұрын
You are awesome 😎
@galaxies_dev
@galaxies_dev 7 ай бұрын
Thank you mate!
@magne6049
@magne6049 7 ай бұрын
Mostly interested in how to do animations in Tamagui and having them work well cross-platform.
@YousefSh
@YousefSh Ай бұрын
Does this work on react-native-web? There's no animation for me when I tried.
@aykhanrh
@aykhanrh 5 ай бұрын
@adilrao7777
@adilrao7777 7 ай бұрын
Good 👍
@galaxies_dev
@galaxies_dev 7 ай бұрын
Thank you! Cheers!
@user-pj8cw2uz7h
@user-pj8cw2uz7h 5 ай бұрын
not working in android
@khalilbugti4079
@khalilbugti4079 8 ай бұрын
i am looking for a React Native Developer job.
@eltaller1655
@eltaller1655 8 ай бұрын
I miss the Angular tutos...! I don't like React!
8 ай бұрын
Yeah me too, but this is the new trend so I'm guessing we'll have to adapt to this framework
@eltaller1655
@eltaller1655 8 ай бұрын
Yeah...!!! But I prefer Ionic Angular yet...! I have to give a chance to Ionic React!!!@
@LeBaron.
@LeBaron. 8 ай бұрын
Although I like React, but most of my projects are in Angular, I really miss Ionic/Angular videos
@eltaller1655
@eltaller1655 8 ай бұрын
Yes.... That's the think...! @@LeBaron.
@user-om2ou9hj7c
@user-om2ou9hj7c 7 ай бұрын
Nice,This is what i want
Skeleton Animation in React Native with Moti
24:31
Reactiive
Рет қаралды 13 М.
Задержи дыхание дольше всех!
00:42
Аришнев
Рет қаралды 3,6 МЛН
What it feels like cleaning up after a toddler.
00:40
Daniel LaBelle
Рет қаралды 84 МЛН
Twitter Top Tabs Navigation with Expo Router
20:10
Simon Grimm
Рет қаралды 15 М.
Circular Progress Bar Animation in React Native (Reanimated 2)
18:49
PowerSync in 100 Seconds
1:57
PowerSync
Рет қаралды 2,6 М.
Lenis Smooth Scroll & ScrollTrigger: A Perfect Animation Duo
10:18
React Native Security: Lock Screen, Face ID & Privacy Overlay
32:54
Why I moved to React Native
12:06
Simon Grimm
Рет қаралды 44 М.
Что делать если в телефон попала вода?
0:17
Лена Тропоцел
Рет қаралды 3,2 МЛН
НЕ БЕРУ APPLE VISION PRO!
0:37
ТЕСЛЕР
Рет қаралды 375 М.