Animated Login Form in React Native (#1 UI)

Поделиться
HTML-код
  • Опубликовано: 15 авг 2022
  • Learn how to create Animated Login Forms in React Native using Reanimated 2.
    This is part 1 out of a 2 episode series where we will learn how to build animated authentication screens in React Native. Today we will focus on the UI part and in the next episode, we will work on animating it.
    🎒 Download the Asset Bundle (Source code, images, dummy data, slides):
    assets.notjust.dev/animated-auth
    📚 Join the waitlist for "The Full-stack Mobile Developer" to be updated when we open it again
    academy.notjust.dev/
    💬 Join the notJust Development gang and let's build together
    / discord
    Tag me on social media when you finish this build, and I will give you feedback on your project.
    ➤ / vadimnotjustdev
    ➤ / vadimnotjustdev
    ➤ / vadimsavin
    ➤ / vadimnotjustdev
    Timecodes:
    Disclaimer: This build is for educational purposes only!! All views, opinions, technology choices expressed in this video are my own and do not represent the views, opinions, technology choices of any entity whatsoever with which I have been, am now, or will be affiliated.
    #VadimSavin #notjustdev #reactnative
  • РазвлеченияРазвлечения

Комментарии • 38

  • @alexkey9372
    @alexkey9372 Год назад +13

    please do more of those short tutorials!! very helpful and to the point!

  • @Muzly
    @Muzly Год назад +2

    Can't wait for part 2, this looks amazing.

  • @anum2471
    @anum2471 Год назад +2

    Awesome Content👍 I appreciate your hard work and dedication guys 👌🏻 you guys rockkk🤘🏻

  • @tasadduq009
    @tasadduq009 Год назад

    Congrats you got a new subscriber 😁

  • @chetanbawankule2035
    @chetanbawankule2035 Год назад +2

    This is so cool and helpful
    Thank you so much

  • @MateSantha99
    @MateSantha99 Год назад +2

    Awesome!!!

  • @rog0079
    @rog0079 Год назад +4

    Great stuff, we need more reanimated 2 tutorials

    • @notjustdev
      @notjustdev  Год назад +1

      More to come!

    • @lukasgrinevicius5868
      @lukasgrinevicius5868 Год назад +1

      We will definitely do some more if you guys like them!

    • @rog0079
      @rog0079 Год назад

      @@lukasgrinevicius5868 absolutely loving them, keep 'em coming

  • @hewr_srood
    @hewr_srood Год назад +3

    Amazinggg!!
    But one small thing that i faced was that the close button was not showing on android,
    I fixed it by adding
    position: 'absolute',
    top: height / 2,
    to the closeButtonContainer.

  • @shebeeradimaly6125
    @shebeeradimaly6125 Год назад

    really helpful

  • @pankajsharma-rf1ov
    @pankajsharma-rf1ov Год назад +3

    your videos are cool dude
    big fan from INDIA ❤️

  • @ElbinBinil
    @ElbinBinil Год назад +2

    That's a cool one

  • @awaiskamalkhan9886
    @awaiskamalkhan9886 Год назад

    when we try to give input to form the form goes up on the image because half screen is taken by keyboard? what is the solution?

  • @ppsdeveloper9448
    @ppsdeveloper9448 Год назад

    👍🏻

  • @vaibhavkumarpatel6863
    @vaibhavkumarpatel6863 Год назад +1

    Some suggestions.
    Please zoom your screen not seeing clear code and also video quality is also not good can't see proper on 360dp quality.
    By the way video content is awesome.

  • @paulcarlotordecilla2590
    @paulcarlotordecilla2590 Год назад

    I hope you can read my comment. my i ask when i update the content in amplify studio my connection to my local computer was gone. my i know how can i fix this im using react native and android studio emulator. thanks

  • @chrisamuzie401
    @chrisamuzie401 Год назад

    Please why is signed apk keep crashing whenever I wanted to open it in. The debug version is working correctly but the signed apk keeps crashing. Please any idea?
    RN 0.69..
    Even an empty brand new project crashes immediately I signed the APK

  • @atlantafilmmakersleague7465
    @atlantafilmmakersleague7465 Год назад

    I want to learn this for cli

  • @davidcardenas8539
    @davidcardenas8539 Год назад

    But how it works with a Keyboard on screen ?

  • @mohammedafzalkhan1830
    @mohammedafzalkhan1830 Год назад +1

    Hello
    Please add 2 video 1video is very helpful

  • @heartfilterer9863
    @heartfilterer9863 Год назад

    So many third party library please bring some custom animation

  • @pankajsharma-rf1ov
    @pankajsharma-rf1ov Год назад

    @notJust․dev i followed your tiktok clone and I don't know how to play the video when that video comes into the frame with react-native-video
    please help and give some tips

  • @chrisamuzie401
    @chrisamuzie401 Год назад

    Please why is signed apk keep crashing whenever I wanted to open it in. The debug version is working correctly but the signed apk keeps crashing. Please any idea?
    RN 0.69..
    Even an empty brand new project crashes immediately I signed the APK