Lottie Animations in React Native | React Native Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ก.ย. 2024
  • Hello everyone, in this video we are going to learn how we can use lottie animations in react native, we will learn how to control their animations using frames as well.
    make sure you like this video and subscribe the channel for more react native videos.
    Github repo : github.com/sye...
    Lottie Animations: lottiefiles.com
    If you appreciate my work and you would like to support my channel: www.buymeacoff...
    🚨 more videos on react native:
    Fitness App : • 🔴 Build a Fitness App ...
    Food Recipe App : • 🔴 Build Food Recipe Ap...
    Movie App : • 🔴 Build Movie App Usin...
    Onboarding UI with Lottie Animations: • 🔴 Onboarding UI with L...
    AI Voice Assistant with ChatGPT & DALL-E : • 🔴 Build a React Native...
    Travel App UI : • 🔴 Travel App UI | Reac...
    Weather App : • 🔴 Build Weather App Us...
    Coffee App UI : • 🔴 Coffee App UI - Reac...
    Food Delivery App : • 🔴 Build Food Delivery ...
    TH-cam Clone App: • 🔴 TH-cam Clone - Reac...
    Login | SignUp UI : • 🔴 Login | SignUp UI - ...
    Fast Food App : • 🔴 Fast Food App UI - R...
    App Store UI : • 🔴 App Store UI - React...
    Fruit Shop UI : • 🔴 Fruit Shop UI - Reac...
    Firebase Authentication React Native: • React Native Firebase ...
    Food Delivery App : • Food Delivery App with...
    Learn React Native: • Build Expensify App Wi...
    Learn Reactjs: • Modern React For Begin...
    #expo #reactnative #tailwindcss #javascript #programming #typescript #speedcode #coding #design #appdevelopment #reactjs #ui #uiux #reactnavigation #reactnativetutorial #react #animation #reactjs #navigation #navigationbar #uidesign #mobiledevelopment #iosdeveloper #buildinpublic #opensource #reactnativeapp #reactjstutorial #typescript
    react native animations
    animations in react native
    react native tutorial
    react native app
    react native tutorial for beginners
    react native project
    react native course
    lottie animations in react native
    lottie animations
    react native lottie animations

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

  • @LottieFiles
    @LottieFiles 9 หลายเดือนก่อน +4

    Thank you for sharing and the mention. 😍

  • @rabieridene9193
    @rabieridene9193 9 หลายเดือนก่อน

    معلمي الغالي أود أن أشكرك على مجهودك العظيم الذي بذلته من أجلنا، فلك أجمل باقات الشكر المعطرة بالورود.

    • @codewithnomi
      @codewithnomi  9 หลายเดือนก่อน

      شكرًا لك ❤️

  • @SameerSabir-d4d
    @SameerSabir-d4d 9 หลายเดือนก่อน +6

    Kindly use react native cli instead of expo

    • @codewithnomi
      @codewithnomi  8 หลายเดือนก่อน

      sure, i'll try using react native in more projects

    • @morale3056
      @morale3056 8 หลายเดือนก่อน

      Expo is the way to go in 2024. Not sure why he would make new tutorials with rn-cli.

    • @z77876
      @z77876 6 หลายเดือนก่อน

      No.

  • @quazar619
    @quazar619 6 หลายเดือนก่อน

    you are awesome bro! very clear! keep it up!

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

    just amazing explanation

  • @laillaE
    @laillaE 9 หลายเดือนก่อน +1

    Nice! Can you also try Rive & React native in the next video? Especially for interactive animations

    • @codewithnomi
      @codewithnomi  9 หลายเดือนก่อน +2

      Sure, will check that out 😉

  • @ornosrati7552
    @ornosrati7552 7 หลายเดือนก่อน

    good job man , i will not use it but i stayed till the end

  • @AhtishamAhmad-qq3wz
    @AhtishamAhmad-qq3wz หลายเดือนก่อน +1

    LottieAnimationView was not found in the UIManager - React Native
    i face this error sir kindly help me

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

      npm install updated packages

    • @AhtishamAhmad-qq3wz
      @AhtishamAhmad-qq3wz หลายเดือนก่อน

      @@bpro5848 Thanks

  • @Imraann0
    @Imraann0 7 หลายเดือนก่อน

    Amazing explanation

  • @KeshavKhemka-wd8mx
    @KeshavKhemka-wd8mx 6 หลายเดือนก่อน

    I follow same steps but it doesn't render on my end.

  • @ZeshanMukhtar1
    @ZeshanMukhtar1 9 หลายเดือนก่อน

    Informative

  • @hariprasatht9082
    @hariprasatht9082 9 หลายเดือนก่อน

    Quality content as always. Could you share your mac/book spec?

    • @codewithnomi
      @codewithnomi  9 หลายเดือนก่อน +1

      M2 pro 512/16 gb

  • @mdalishanali3909
    @mdalishanali3909 9 หลายเดือนก่อน

    love this,

  • @shankaroffical3671
    @shankaroffical3671 6 หลายเดือนก่อน +1

    Thanks buddy it works, i got upset even after doing all the instructions perfectly, but it didn't work. Your tutorial helped me ❤ You deserve a subscribe❤✨

    • @codewithnomi
      @codewithnomi  6 หลายเดือนก่อน +1

      Glad to help 🙂

  • @mubasharamendhiart8250
    @mubasharamendhiart8250 9 หลายเดือนก่อน

    Can you make tutorial on react native

    • @codewithnomi
      @codewithnomi  9 หลายเดือนก่อน +2

      I'm planning on creating a react native beginner series 😉

  • @vannyaofficial7958
    @vannyaofficial7958 9 หลายเดือนก่อน

    why not use with expo sdk49 ???

    • @codewithnomi
      @codewithnomi  9 หลายเดือนก่อน

      I'm using sdk49 !!!

    • @vannyaofficial7958
      @vannyaofficial7958 9 หลายเดือนก่อน

      @@codewithnomi can use with type script? work only ios buy Android not work ??

  • @hubesh716
    @hubesh716 9 หลายเดือนก่อน

    but its not easy in react native CLI its not working proper or show alot errors

  • @jehnzcode
    @jehnzcode 5 หลายเดือนก่อน

    This is cool man! 😃