Animated Login Form in React Native (#1 UI)
Ойын-сауық
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
please do more of those short tutorials!! very helpful and to the point!
@notjustdev
Жыл бұрын
More to come!
@lukasgrinevicius5868
Жыл бұрын
Glad to hear that you're enjoying such videos! 🔥
Can't wait for part 2, this looks amazing.
@lukasgrinevicius5868
Жыл бұрын
🤭🤭🤭
Awesome Content👍 I appreciate your hard work and dedication guys 👌🏻 you guys rockkk🤘🏻
@notjustdev
Жыл бұрын
Thank you so much 😀
@lukasgrinevicius5868
Жыл бұрын
Thank You soo much for such kind words! 🤗
Congrats you got a new subscriber 😁
This is so cool and helpful Thank you so much
@notjustdev
Жыл бұрын
Glad it was helpful!
@lukasgrinevicius5868
Жыл бұрын
Thank You!! 🚀
Great stuff, we need more reanimated 2 tutorials
@notjustdev
Жыл бұрын
More to come!
@lukasgrinevicius5868
Жыл бұрын
We will definitely do some more if you guys like them!
@rog0079
Жыл бұрын
@@lukasgrinevicius5868 absolutely loving them, keep 'em coming
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.
Awesome!!!
@lukasgrinevicius5868
Жыл бұрын
Glad you liked it!!
really helpful
your videos are cool dude big fan from INDIA ❤️
@notjustdev
Жыл бұрын
Thanks
@lukasgrinevicius5868
Жыл бұрын
Thank You!! 🤩
That's a cool one
@notjustdev
Жыл бұрын
Appreciated!
@lukasgrinevicius5868
Жыл бұрын
Thank You!! 🚀
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.
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?
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
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
I want to learn this for cli
But how it works with a Keyboard on screen ?
👍🏻
Hello Please add 2 video 1video is very helpful
@lukasgrinevicius5868
Жыл бұрын
It's already out! 🔥
So many third party library please bring some custom animation
@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
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