Advanced 3D Carousel Animation in React Native using FlatList & Animated API

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 ธ.ค. 2024

ความคิดเห็น • 62

  • @oguzhanturker8903
    @oguzhanturker8903 4 ปีที่แล้ว +17

    I got the job! Your videos help me a lot thanks

    • @CatalinMironDev
      @CatalinMironDev  4 ปีที่แล้ว +1

      Wow, this is amazing and congrats Oguzhan 👌 Great news for 2021!

  • @techienomadiso8970
    @techienomadiso8970 4 ปีที่แล้ว

    Started following your tutorials last week.! They are a gem! The best tutor out here for RN.

    • @CatalinMironDev
      @CatalinMironDev  4 ปีที่แล้ว

      Thank you so much Francis! I’m glad that you found my channel and you like my videos ✌️

  • @farrukhatabekov595
    @farrukhatabekov595 4 ปีที่แล้ว +1

    Happy New Year, Catalin ~! You bring the sense of art into React Native. haha

    • @CatalinMironDev
      @CatalinMironDev  4 ปีที่แล้ว

      Wow, thank you Farrukh. Happy New Year ✌️

  • @luispaulo5714
    @luispaulo5714 4 ปีที่แล้ว +1

    Another nice tutorial! Thanks for that content and I look forward to the next one.. Happy new year man! 👊

    • @CatalinMironDev
      @CatalinMironDev  4 ปีที่แล้ว +1

      Thanks a lot, I’m glad that you like it! Happy New Year and I’m wishing you all the best Luis✌️

  • @pim691
    @pim691 4 ปีที่แล้ว

    It's impressive that you figure out how to make this :)

  • @k.a6
    @k.a6 4 ปีที่แล้ว

    It's impressive that you figure out how to make this :-D

    • @CatalinMironDev
      @CatalinMironDev  3 ปีที่แล้ว +1

      It was a fun mini project. Thank you Shiro ✌️

    • @k.a6
      @k.a6 3 ปีที่แล้ว

      Can this tutorial implementation in react native cli?

    • @CatalinMironDev
      @CatalinMironDev  3 ปีที่แล้ว

      @@k.a6 yes, everything should work the same in both expo and RN cli projects. In case something is not working I’ll mention it in my video. But I’m using primitives that are the same on both “platforms”

    • @k.a6
      @k.a6 3 ปีที่แล้ว

      Thanks 😁

  • @moezzineb6363
    @moezzineb6363 4 ปีที่แล้ว

    Happy new year mate, you are magicien React Native animation.

    • @CatalinMironDev
      @CatalinMironDev  4 ปีที่แล้ว +1

      Wow, thanks a lot and Happy New Year Moez! ✌️

    • @moezzineb6363
      @moezzineb6363 4 ปีที่แล้ว

      @@CatalinMironDev what is the font that you are using in VS Code ?

    • @CatalinMironDev
      @CatalinMironDev  4 ปีที่แล้ว +1

      @@moezzineb6363 vscode theme: Palenight, font family: Operator Mono ✌️

    • @moezzineb6363
      @moezzineb6363 4 ปีที่แล้ว

      @@CatalinMironDev Thank your so much !

  • @mohdsajidshaikh4291
    @mohdsajidshaikh4291 3 ปีที่แล้ว

    Thanks.
    Great job.
    I am waiting for next and previous button work after commenting on some previous videos

    • @CatalinMironDev
      @CatalinMironDev  3 ปีที่แล้ว +1

      I’ve recorded it right after you mentioned! Cheers Muhammed ✌️

  • @benarcetinbilek4888
    @benarcetinbilek4888 3 ปีที่แล้ว +1

    awesome video way more useful than courses, thank you :D

  • @clemensphilipse901
    @clemensphilipse901 3 ปีที่แล้ว

    I really like that you explain your code, keep it up!

  • @excalibur885
    @excalibur885 4 ปีที่แล้ว

    you are doing that good videos so im liking them without watching anymore :D

  • @sujatagunale7079
    @sujatagunale7079 4 ปีที่แล้ว

    I have run out of words .. Beautifully Awesome 😍😅 .. Thank you 😁

  • @tanveerulhoque6803
    @tanveerulhoque6803 3 ปีที่แล้ว

    Thanks, Catalin for this nice tutorial. Probably u forgot to update the index when u click on the next and previous button.

  • @elhelalyQ
    @elhelalyQ 4 ปีที่แล้ว

    Fantastic as usual

    • @CatalinMironDev
      @CatalinMironDev  4 ปีที่แล้ว +1

      Thank you so much and I’m glad that you like it. Thanks Muhammad ✌️

  • @mogorhom
    @mogorhom 4 ปีที่แล้ว

    happy new year to you too 🥳

  • @AkshatKumawat
    @AkshatKumawat 4 ปีที่แล้ว

    Happy new year. This one is beautiful ❤️

    • @CatalinMironDev
      @CatalinMironDev  4 ปีที่แล้ว

      I’m glad that you like it. Happy New Year Akshat ✌️

  • @devarena9130
    @devarena9130 3 ปีที่แล้ว +1

    Nice Tute. You Rock. only on Android i have to set next index manually on press like below:
    {
    ref?.current?.scrollToOffset({
    offset: (currentIndex + 1) * width,
    animated: true
    })
    setCurrentIndex(currentIndex + 1)
    }}>

  • @camilosantos4022
    @camilosantos4022 3 ปีที่แล้ว

    Awesome! Your videos help me a lot! It would be great some videos with react-native-reanimated 1 or 2. Thanks!

    • @CatalinMironDev
      @CatalinMironDev  3 ปีที่แล้ว +1

      Thank you! I’ll start doing Reanimated2 videos in the near future, I want to cover more using Animated API. Cheers Camilo ✌️

  • @anastely6144
    @anastely6144 4 ปีที่แล้ว

    Awesome, Happy new year to u too 🥳
    Any news about your Reanmated 2 Course? 🧐

    • @CatalinMironDev
      @CatalinMironDev  4 ปีที่แล้ว

      I’m working on it, I had to take a break to rest a bit. Cheers Anas ✌️

  • @vlaxis3359
    @vlaxis3359 3 ปีที่แล้ว

    Awesome tutorial, Catalin! Is there a way to prevent swiping to a previous or next item until a certain prop is passed, without disabling scroll on whole list?

  • @vipinrawat4222
    @vipinrawat4222 4 ปีที่แล้ว

    loved it catalin

    • @CatalinMironDev
      @CatalinMironDev  4 ปีที่แล้ว

      I’m glad you liked it. Thanks Vipin ✌️

  • @seifeddine3735
    @seifeddine3735 3 ปีที่แล้ว +1

    rotateY does not work but when try only rotate it works fin any help???

  • @explorandoconteo
    @explorandoconteo 4 ปีที่แล้ว

    Nice! i would like to learn how to create a multi steps form with react native, that would help me a lot! and happy new year!

    • @CatalinMironDev
      @CatalinMironDev  4 ปีที่แล้ว

      Great suggestion! Thanks Mateo and Happy New Year!

  • @rubelahmmed8408
    @rubelahmmed8408 3 ปีที่แล้ว

    Awesome video as usual. But it seems that "onMomentumScrollEnd" is not working on android. Is there any way to make it work?

  • @amitmehta8554
    @amitmehta8554 4 ปีที่แล้ว

    Awesome

  • @PraveenKumar-jf7bu
    @PraveenKumar-jf7bu 4 ปีที่แล้ว

    I am waiting for your video

    • @CatalinMironDev
      @CatalinMironDev  4 ปีที่แล้ว

      This came after a short break! Thanks Praveen ✌️

  • @mohammadsadman8567
    @mohammadsadman8567 4 ปีที่แล้ว

    god damn niceee

    • @CatalinMironDev
      @CatalinMironDev  4 ปีที่แล้ว

      Thanks and I'm glad you like it! Thanks Mohammad! ✌️

  • @rockNbrain
    @rockNbrain 2 ปีที่แล้ว

    Tks bro

  • @kymzTech
    @kymzTech 4 ปีที่แล้ว

    Nice sorry back again still have not gotten the music title the second background music title please what the name

    • @CatalinMironDev
      @CatalinMironDev  4 ปีที่แล้ว +1

      Please tell me at what minute you’d like to know the song name? Thanks ✌️

    • @kymzTech
      @kymzTech 4 ปีที่แล้ว +1

      1:10 tnx thats it

    • @kymzTech
      @kymzTech 4 ปีที่แล้ว

      Hello still waiting for your response

    • @CatalinMironDev
      @CatalinMironDev  4 ปีที่แล้ว +1

      @@kymzTech Sorry for my late response, the song is "Empire Seasons - Dan Henig" th-cam.com/video/nEtpU-7BDLM/w-d-xo.html

    • @kymzTech
      @kymzTech 4 ปีที่แล้ว

      @@CatalinMironDev tnx

  • @heltonwylammi8150
    @heltonwylammi8150 4 ปีที่แล้ว

    Fantástico