React Native Countdown Timer Animation with FlatList and Animated API

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

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

  • @tusharraj9785
    @tusharraj9785 4 ปีที่แล้ว +3

    You are a Wonderful React Native Tutor on TH-cam....Thank you so much :)

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

      Wow, thank you and you're very welcome Tushar ✌️

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

    As always, masterpiece .. Your "My way of doing" thing is totally the best .. Please don't stop uploading videos , keep us animated with your knowledge 😍❤️

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

      Thanks a lot Sujata for showing your appreciation, it means a lot to me. Thanks ✌️

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

      @@CatalinMironDev You deserves more than that .. I'm glad I found you 😅 .. Now, I can be a good React Native Developer .. Thank you ♥️

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

    Dude, you are just amazing. I watched your tutorial like a addictive TV series. Great job, keep up the good work and thanks a lot.

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

    Hello from another romanian guy and thanks for this video. Studying React Native for my job at the moment.

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

      Hi 🇷🇴 I’m glad that you choose my channel to learn React Native animations . Thanks ✌️

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

      @@CatalinMironDev perfect videos to learn from.

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

    The TextInput trick is really useful since useState don’t really work with animation that well, solved one of my problem thank you

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

    Liked before watching it, bro!

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

    I'M IN LOVE WITH YOUR CHANNEL!

  • @herbertpimentel
    @herbertpimentel ปีที่แล้ว

    Absolutely amazing content ❤

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

    I saw your tweet, who's the person who hates you ? we need to blame them, because you're the best 😎

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

      haahaha, I'm not going to blame or point to a particular person, but whoever it is, that person knows :)

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

    I do enjoy it. very well... Please make more animated tuts

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

    Thank You Catalin, It's a very awesome tutorial I learned a lot, keep going as usual 🔥🔥🔥

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

    Thank you very much! I will try to use in my project

  • @jonathanporzio1931
    @jonathanporzio1931 ปีที่แล้ว

    Great like usual, thanks Miron

  • @artmosphereID
    @artmosphereID 4 ปีที่แล้ว +7

    Hi Miron, can you make a fundamental and basic tutorial for Animated API? or Animated API from react-native-reanimated? such as making timing function, spring etc...
    I really need those tutorial since the react-native-reanimated documentation seems too advance for me :D
    I like your tutorial because you're using JS and your english pronounciation are easier to understand, bcs im not a native english XD

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

    Thanks, I will help me a lot for resolving text value animation

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

    Wooow that was very good I'm really enjoyed

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

    Awesome as usual!

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

    Thank a lot, by the way is it possible make camera filters which is kind of beauty filter before take a photo like default. For example the app called B612 or SNOW?
    Really want to learn how to build this up!

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

    You are the absolute best!

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

    Always with a bang 🔥

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

    Wonderful learning by you.

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

    This dude is awesome

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

    You are doing too much good ✌️🔥🔥
    i wanted to learn pan responder so of you can please make few videos for this topic may be it can help 💯

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

    Bro, you are Awesome ❤

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

    it's very very very niceeeeee ,
    thanks catalin

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

      Thank Ahmad, I’m glad you liked it ✌️

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

    Great video brother 👍

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

      Glad you enjoyed Thanks Praveen ✌️

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

    great content like always man thank you for your time and effort 👏👏💯💯💯💯

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

      Always my pleasure Bedirhan! ✌️

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

    Great video. Thank you.

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

    Awesome bro!

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

    thank you a lot for this

  • @rn-mania
    @rn-mania 2 ปีที่แล้ว

    Top content !!!!

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

    Thanks.
    I want to pause countdown and resume again from there so how to paused timer when some props changes in parent component

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

      Pause and resume is something that I’ll cover in my upcoming course for Instagram stories in React Native.

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

      @@CatalinMironDev waiting for that

  • @nadeemkhan-yu4wf
    @nadeemkhan-yu4wf 4 ปีที่แล้ว

    as brilliant as ever.

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

    I want to show number list in vertical mode with same animation, can you please tell me how can I do that?

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

    Awesome as always. Hey do you have any courses happening?

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

      Thanks a lot Filipe. I’m not sure about the course, I took some days off and I was pretty lazy lately. Hopefully this will be release in the near future. Thanks ✌️

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

    Could you do bottom sheet using animated??? Your videos are awesome

  • @sagarkamble7810
    @sagarkamble7810 2 ปีที่แล้ว +1

    i want to display total 7 item in one row with less width, here we are showing only 3, so how can we do that...???

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

    wonderful

  • @principe.borodin
    @principe.borodin 4 ปีที่แล้ว

    Fantastic, awesome.

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

      Glad you like it! Thanks Igor ✌️

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

    Awesome

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

    I tried each and every step but there was a problem in inputtext padding it was not actually overlapping with the flatlist value so i have given marginTop:-10 explicitly.
    Rest worked great.
    Thanks for the tutorial.. :) :)

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

    Will you consider using flutter?

  • @inderjeet3090
    @inderjeet3090 ปีที่แล้ว

    can anyone help me out to implement same timer selected but direction should be vertical

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

    what is the font you are using?

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

    Budget version of William. Nothing wrong with that :D

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

      What do you mean? Could you please share more? Thanks ✌️

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

    Pls create a music app with ylight music 👌

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

    please wat the name of your background music

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

      TH-cam is responsible for providing such beautiful songs. I don’t know the names tho. Thanks ✌️

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

    Noice 🔥

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

    Can anyone explain me how snapToInterval works? I didn't catch it

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

    hey everybody , any best react native course? please share link

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

    Your tutorials is awesome. Can you explain below code, it really hard to understand
    useEffect(() => {
    const listener = textInputAnimation.addListener(({value}) => {
    inputRef?.current?.setNativeProps({
    text: Math.ceil(value).toString(),
    });
    });
    return () => {
    textInputAnimation.removeListener(listener);
    textInputAnimation.removeAllListeners();
    };
    });

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

    I'm a beginner. this is not beginner-friendly. bcoz u are starting somewhere. please try to make a full tutorial. time doesn't matter. and change your font style it will improve your channel. thank you

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

    Waiting for reanimated2 vids

  • @HasanAli-vp6ci
    @HasanAli-vp6ci 4 ปีที่แล้ว

    Whenever you start, please start from scratch..this will be helpful to us as lot of code is already written on your vs code,so it's kinda hard sometimes to understand

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

      Thanks for sharing your feedback. I will try to do it in the future! Also, the starter code link is in the description, you can pause the video, grab it, add it into your IDE and resume the video. We will have the same starting point. Thanks again for this feedback Hasan ✌️

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

    Hey , make a course on React native , yours would rock on udemy 🔥💯

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

      Maybe one day! Thanks for the suggestion. Meanwhile, if you'd like to support me and have access to some private source code, you can become a Patreon: www.patreon.com/bePatron?u=20582060. Thanks ✌️

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

    and also please to your flat list deocumention for bounce

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

      You can check it yourself on ReactNative docs. Its basically avoiding extra bounce/jumpiness at the start or end of the list while scrolling. Thanks! ✌️

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

      @@CatalinMironDev I can't find the bonce animation part in the documentation

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

      @@kymzTech Did you at least try to search for it inside the documentation? Here's the link: reactnative.dev/docs/scrollview#bounces.

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

      Tnx

  • @Marshal-786
    @Marshal-786 4 ปีที่แล้ว

    please make tutorial in react native cli.

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

      Why? I mean what would be the difference? Thanks Bilal!

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

    you gotta start from scratch, I like your content, but I'm so lazy to figure out how to get where you start from!

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

      Noted! I also shared the starter code, the link is in the description. Thanks! ✌️

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

    Great video!