React Native TikTok incoming messages animation

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ม.ค. 2025

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

  • @christophermungiria2876
    @christophermungiria2876 3 หลายเดือนก่อน +6

    I am loving this series

    • @CatalinMironDev
      @CatalinMironDev  3 หลายเดือนก่อน +1

      I am happy to hear this!

    • @sykn3z
      @sykn3z 3 หลายเดือนก่อน

      @@CatalinMironDev we are loving it! thaanks catalin!

  • @khaledbougdour4139
    @khaledbougdour4139 3 หลายเดือนก่อน +2

    The best as Always

    • @CatalinMironDev
      @CatalinMironDev  3 หลายเดือนก่อน +1

      Well, I'm doing my best to share as much as possible!

    • @khaledbougdour4139
      @khaledbougdour4139 3 หลายเดือนก่อน

      @@CatalinMironDev you're doing more than your best 💪, you help a lot 🙏

  • @mohamadyousef2129
    @mohamadyousef2129 3 หลายเดือนก่อน

    Amazing work

  • @jondoe79
    @jondoe79 3 หลายเดือนก่อน +1

    Head injury seems painful, wish you a speedy recovery

    • @CatalinMironDev
      @CatalinMironDev  3 หลายเดือนก่อน

      Actually, I have this since I was born

  • @sergeymild
    @sergeymild 3 หลายเดือนก่อน

    Very interesting how this animation will affect performance on heavy items where not just simple text and one small image

    • @CatalinMironDev
      @CatalinMironDev  3 หลายเดือนก่อน

      It shouldn’t affect the performance because you can always render just 10 items at a time in the FlatList.

    • @sergeymild
      @sergeymild 3 หลายเดือนก่อน

      @@CatalinMironDev if you will render only 10 items at time, you will see white screen on scroll, it is common problem with flatlist)

  • @leulfanuel3550
    @leulfanuel3550 3 หลายเดือนก่อน

    Great Video

  • @Amarichezineddine
    @Amarichezineddine 3 หลายเดือนก่อน

    Thank you

  • @imam_robani
    @imam_robani 3 หลายเดือนก่อน

    the video was cut off when creating renderItem

    • @CatalinMironDev
      @CatalinMironDev  3 หลายเดือนก่อน

      It’s done on purpose because you can render anything, the renderItem was just for tutorial purposes and I thought that it was out of this tutorial scope.

  • @Mobilemaniaplays
    @Mobilemaniaplays 3 หลายเดือนก่อน

    Which vs code font you are using

    • @CatalinMironDev
      @CatalinMironDev  3 หลายเดือนก่อน

      Batman One, font: dank mono

  • @anshnanda
    @anshnanda 3 หลายเดือนก่อน

    Can you do it with a FlashList?

    • @CatalinMironDev
      @CatalinMironDev  3 หลายเดือนก่อน

      Not really, layout animations with FlashList are not working as expected

  • @RaishmiYoru
    @RaishmiYoru 3 หลายเดือนก่อน

    How can I optimize these animations for Android? On android I feel micro stutters and jitter

    • @CatalinMironDev
      @CatalinMironDev  3 หลายเดือนก่อน

      I am going to take a look. Is this happening for this animation in particular? I have tested it on Android and I couldn’t see this.

    • @RaishmiYoru
      @RaishmiYoru 3 หลายเดือนก่อน

      @@CatalinMironDev no Im just saying generally

    • @justpatrick_
      @justpatrick_ 3 หลายเดือนก่อน

      ​@@RaishmiYoru Don't always assume there is an issue before testing it. Optimise when necessary

    • @RaishmiYoru
      @RaishmiYoru 3 หลายเดือนก่อน

      @@justpatrick_ I'm not assuming, I implemented reanimated, entering animations for my app and I see jitters and stutters when I launch my app, and when I navigate from bottom tab screen to stack screen it navigates with janky animation

  • @shiekhpalace2401
    @shiekhpalace2401 3 หลายเดือนก่อน

    Make a WhatsApp like audio sending animation in react native

  • @binodkhatri7738
    @binodkhatri7738 3 หลายเดือนก่อน

    great video,love to see others things on RN,, btw could you please tell me the theme you have used in your editor it looks really clean . 🤍

    • @CatalinMironDev
      @CatalinMironDev  3 หลายเดือนก่อน

      Batman One, font: dank mono