Easiest React Native Parallax Image Scroll EVER 😱

Поделиться
HTML-код
  • Опубликовано: 30 июн 2024
  • 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 6 месяцев назад +1

    I hope you do know these kind of videos are really appreciated. Thanks ❤

  • @nadeemshareef7508
    @nadeemshareef7508 6 месяцев назад +1

    Love the react native videos 🎉

  • @PavloCPP
    @PavloCPP 3 месяца назад +2

    Thank you so much for this! This video is a real treasure :)

  • @renanmalato
    @renanmalato Месяц назад

    thank you, was exactly what I was looking for!

  • @kwesikayofficial3078
    @kwesikayofficial3078 6 месяцев назад +1

    Nice work

  • @call_me_rusker
    @call_me_rusker 6 месяцев назад +1

    nice,well done❤

  • @LeBaron.
    @LeBaron. 6 месяцев назад

    Hey Simon, Would you consider doing the same video but this time for Ionic/Angular, same for Shared Element Transition

  • @magne6049
    @magne6049 6 месяцев назад

    Mostly interested in how to do animations in Tamagui and having them work well cross-platform.

  • @user-om2ou9hj7c
    @user-om2ou9hj7c 6 месяцев назад

    Nice,This is what i want

  • @amadouourybah1442
    @amadouourybah1442 3 месяца назад +1

    😊😊nice content really liked it

  • @mikkewango6461
    @mikkewango6461 5 месяцев назад

    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)

  • @tojifushigoro3134
    @tojifushigoro3134 6 месяцев назад +1

    You are awesome 😎

  • @user-sh1uo2dz2f
    @user-sh1uo2dz2f 6 месяцев назад

    Hey brother, may I ask how to achieve this effect on Android? Android doesn't seem to have the same bouncing effect as iOS

  • @adilrao7777
    @adilrao7777 5 месяцев назад +1

    Good 👍

  • @aykhanrh
    @aykhanrh 4 месяца назад +1

  • @YousefSh
    @YousefSh 25 дней назад

    Does this work on react-native-web? There's no animation for me when I tried.

  • @khalilbugti4079
    @khalilbugti4079 6 месяцев назад

    i am looking for a React Native Developer job.

  • @user-pj8cw2uz7h
    @user-pj8cw2uz7h 4 месяца назад

    not working in android

  • @eltaller1655
    @eltaller1655 6 месяцев назад +3

    I miss the Angular tutos...! I don't like React!

    •  6 месяцев назад +2

      Yeah me too, but this is the new trend so I'm guessing we'll have to adapt to this framework

    • @eltaller1655
      @eltaller1655 6 месяцев назад

      Yeah...!!! But I prefer Ionic Angular yet...! I have to give a chance to Ionic React!!!@

    • @LeBaron.
      @LeBaron. 6 месяцев назад +1

      Although I like React, but most of my projects are in Angular, I really miss Ionic/Angular videos

    • @eltaller1655
      @eltaller1655 6 месяцев назад

      Yes.... That's the think...! @@LeBaron.

  • @user-om2ou9hj7c
    @user-om2ou9hj7c 6 месяцев назад

    Nice,This is what i want