Login & Signup Screen UI Design Tutorial in React Native

In this tutorial, you'll learn how to design login, sign up & splash screen UI in react native. Also, here we have implemented the animation effect with react-native-animatable package and buttons with react-native-linear-gradient package.
🌎 Best Hosting with Competetive Pricing by Hostinger: www.hostinger.com/pradipdebnath
🛒 Coupon Code: PRADIPDEBNATH
GitHub repo for this complete project bit.ly/3dZfb7U
React Navigation v5 Tutorial Series • React Navigation 5 Tut...
Inspiration tutorial link • #2 Animated Login Scre...
If you found my tutorials helpful, you can buy me a coffee from this link paypal.me/itzpradip
Follow me on GitHub github.com/itzpradip
Subscribe to my Channel bit.ly/2PaUqOk
For more tutorials on WordPress, React JS, React Native and Digital Marketing visit: www.pradipdebnath.com/blog/

[@sosereyboth1469]

Dear Pradip Debnath, I really appreciate you tutorials.Every single demo is so great. Thank you so much for sharing such amazing experience.

[@ahmedboutaraa8771]

i think I am starting to get addicted to your tutorials

[@Hai-vg2pv]

hello teacher, thank you for your lesson. In Vietnam we always say that tutorials from Indian are the best, because they are super easy for fresh man like us to follow. Thank you so much

[@itzpradip]

Glad to hear that!

[@cindyisabella9241]

Thanks a lot!! your tutorial is always informative and easy to follow

[@itzpradip]

thanks for your comment & support

[@juhiagrawal3792]

I got introduced to animations in this video. Thanks

[@nogame-nopain7150]

the UI so perfect! thank you

[@diogomendesmartins9677]

Really really good!! Thank you so much for this tutorial!! :)

[@user-hf8wr9yq3z]

Thank you for your useful knowledges. I Love it!

[@amritaultimate]

This was a very informative and helpful and to the point tutorial exactly what we need 👏 thanks a lot Pradeep

[@itzpradip]

Glad to hear that

[@professorduck9995]

You are amazing thank you, definitely subscribing!

[@chervindavasol4704]

Thank you for this very straightforward, I will hit like and subscribe

[@flint0131]

Damn! There's always an indian guy on youtube to help you out. Thanks!

[@quasi_verum]

You are the best mister. all is well, all is well... to baba Pradip...

[@mikhailgreaves]

Very helpful, I really appreciated this tutorial!!👏

[@georges-ericgedconseils896]

Thank You for this tutorial. I understand much better react native now.

[@anggaawijaya]

Just saw this, thanks for the informative video!!

[@iliketocode6986]

one of the only show if not the only show I have hit the bell button for

[@AkashKumar-cc5kf]

Thanks, bro tutorial is awesome!🔥

[@itzpradip]

Glad you liked it!

[@okalbob]

Amazing stuff!. Thank you so much.

[@itzpradip]

My pleasure!

[@Ram_9292]

Best Videos for react-native... thanks @bro

[@jogre900]

awesome as always!

[@kalpanachaurasia3066]

It's really good tutorial. Learnt a lot. Thanks a bunch...

[@bharatmishra250]

I have learn so much from this video thank you 👍

[@jesusfonseca5197]

Thanks from Costa Rica 🇨🇷

[@Ankitkumar-vw1zz]

this video was very helpful , please upload second part asap.

[@mishraji4808]

nice and understandable video but i have one suggestion for you sir if you start a topic about ReactNative UI so you can divide into parts and write on your thumbnail so its easy to watch your tutorials according to the part, And create Playlist also. And Thank you for amazing UI tutorials.

[@m.debapriyasubudhi9995]

Thanks for your amazing explanation

[@sureshlenka1143]

Great Tutorial, thank you so much, brother

[@itzpradip]

Glad you like it

[@aryanthakre4302]

Very well explained. Awesome content :)

[@afraaalobaid8256]

Legend! Thank you so much

[@elamanj148]

legend , thank you sir

[@TheCitron59]

A big thank you from France !!! Your tutorials are so easy to follow. +1 sub ;)

[@itzpradip]

Thanks for the sub!

[@abidghourikhan9486]

@@itzpradip Ap ki videos ki koi sequence ni hai
Ap sequence men videos bnaen for example tutorial 1,2,3...

[@prakashd842]

This is awesome .

[@vannhangang9079]

Thank you very much.

[@rubimburabrian2521]

getting addicted to this channel :) great video @pradip

[@itzpradip]

Glad you enjoy it!

[@you3667]

Thanks Always!

[@marcelofilipov]

Excellent tutorial!

[@anhkhoanguyentran2377]

thank for your lesson.

[@comment-dev]

Great, Chanel that teaches a lot of knowledge.

[@grkraogajini6027]

We are following your tutorials when you have active in youtube channel whereas your videos are very help us to learning react-native concepts so we will be saying you thankful for uploading good concepts over react-native and as we need to learn redux concept and how we have to be made multiples REST API in the classes in react-native
1>Redux
2>Multiple API within the classes

[@itzpradip]

Ok, I'll try to make these tutorials in the near future. Thanks for your suggestion.

[@johnyanastacio1107]

Thank You Brother...

[@rimsha4519]

very helpful, thanks 👍👍👍

[@zahidshaikh3122]

Really amazing tutorial.

[@parasdahal4735]

You design have got class

[@sofiakartika237]

so clear to explain bro ! thx for share ur tutorial. rate 5/5

[@lucouedraogo3111]

brother are the best tutorial thank you very much

[@balashekarvemula1319]

Great explanation im expecting some more posts like this ...👍😃

[@itzpradip]

Sure 👍

[@vardangulqanyan6954]

You are awesome!!! Thanks!!!!!!!!!!!!!!!!!

[@vicenteatienza4115]

Thank you

[@nishitsehgal410]

Awesome !!

[@luckysomili4178]

Thanks a lot! Your videos have opened up my mind to a lot of concepts!

[@itzpradip]

Happy to hear that!

[@albnayem8652]

Love You!

[@ajmalhasan9759]

very clear and informative tutorial

[@itzpradip]

Glad you liked it

[@rakeshghosh8314]

Superb explain sir 🤗🤗🤗🤗🤗

[@franckjaffrezic6149]

Very good job !!!

[@kidsworldforfun3986]

Hello Pradip, it was indeed a very good tutorial where many many things were covered. Only thing I had to change the flex to 12 for footer in the sign up screen as it was not visible. Keep up the good work

[@itzpradip]

Thanks for sharing

[@iliketocode6986]

very beautiful you are a excellent developer.

[@sriramramasamy9900]

Legend!!!

[@aashuchaudhri6519]

Thanks a lot for this tutorial, Can you plz make a video to integrate API calls for this login and signup example

[@teeratphoowaborwornphimkul3501]

This is master course ##He is best - very @@!! Love

[@fullStakz]

LOL @ ...."A FEW MOMENTS LATER" ....after plugging in. Good stuff.

[@itzpradip]

Good observation 👍

[@TusharBorawake]

Hi Pradip , great tutorial.. please create more videos on react native..thanks for sharing

[@itzpradip]

Keep supporting for more contents like this. Thanks for your comment

[@ousmanetanorcisse9774]

great job

[@steve-briantambo632]

Legend

[@melihozgor7927]

Bro thank u

[@itzpradip]

Great 👍

[@yaseribrahim-9647]

thanks pro

[@shakilmalek9164]

I like this Editor Because all features available like cmd, page created.

[@user-rg8wz2rt9e]

Great lessons! Class!
Could you tell me something about Redux, Redux-form, Redux-persist?
Continue on, you're good at it!

[@itzpradip]

redux is on my todo list but not sure about other things. Thanks for your suggestion

[@aakarshitagarwal2115]

Thanks bro tutorial is awesome!🔥
Well will you release your authentication video?

[@itzpradip]

Already published check the playlist

[@AliMohamed-jg6bv]

hi bro. thanks for your great work. i got a problem, i got typeerror undefined is not an object (evaluating 'object.keys(routeconfigs)')? how can i fix it ?

[@ravibhati9270]

Very nice tutorials. But it would be great if you upload code in github each lesson separate. Anyways keep up the awesome work...Many Thanks

[@explorewithkalsi]

helpful .. keep it up dude

[@itzpradip]

Thanks, will do!

[@HelianGamePiano]

Just my personal notes, thanks:
1:45 - Requirements.
17:58 - password visibility Toggle.
20:35 - Sign In.

[@jumaiddotuya2797]

hi, good work sir... but how can i make the SignUp screen have more fields with Scrollable view capability?

[@RahulKumarr]

Great Tutorial, Thanks Pradip to make these tutorials, I am subscribing to your channel and also gonna tell my friends to do same. Please continue this app with a proper home page design and blogs with details view on the other pages

[@itzpradip]

Thanks for your suggestion will try to do it.

[@apoorvajoshi7101]

Thanks for the tutorial... How to resolve a navigator can only contain screen components as it's direct children error ...

[@rizwanam4624]

Thanks for the lesson sir..
can you make a video how to login through phone number by using OTP .

[@skshihabulislam6822]

good design

[@lvovichi]

You`ve got cool tutorial. Thanks a lot!
I want to mention that your "duraton" on line 25 doesn't correct, you need to remove that line. And "duration" will also hide all components that u are trying to animate

[@shyamalgayen7363]

Thanks man..You saved my time

[@franckjaffrezic6149]

Hithank for this tuto
it will be apreciate if you share yours sources
Franck

[@eleazarfederio1718]

From your tutorial, what should i take first? i already learn flex, and displaying image, text etc...

[@pragatichaurasia9169]

Great tutorial, but please add serial number to your video caption for the flow. :)

[@techzoneyt3167]

No doubt, Indian, Malaysians and Philippines always the best at programming tutorials

[@mahmoudaziz4077]

good job 👏

[@itzpradip]

Thank you! Cheers!

[@rairajneesh]

Hello...loved your video
Awesome look n feel
With your permission can I use your code in my app?

[@lovejava348]

Its nice and understandable tutorial Thank you pradeep for this. Can you please provide the source for this that will help us to learn fastly.

[@karanarora7386]

Hello , how we can autoadjust screen resolution ? As in my samsung s7 the component size is different and in iphone 11 its different how i can manage it?

[@milton13223]

Excellent tutorial, thank you very much for sharing, which version of the SDK did you use?

[@itzpradip]

"react-native": "0.61.5",

[@milton13223]

@@itzpradip Thanks a lot

[@musicvstime9559]

thankssss

[@itzpradip]

Welcome

[@dileepvarala9133]

Nice Videos. I'm new to coding and could you please teach or make a video that calls a form in app and then the credentials/ info passed into form hits db and we get info back through RESTAPI. Thanks in advance

[@marceloc.figueiredo3593]

Very good tutorial, i am Brasil

[@ashishregmi8996]

Brazil you are good guy

[@anhkhoanguyentran2377]

i cannot understand when you use the npm install react-native-linear-gradient so that you install. What's the purpose of this installation? And if i want to install to android, what should i do?

[@iliketocode6986]

are the other videos in the navigation v5 series?

[@aftabufaq373]

Hello sir. i want to create a separate file for the functions that are used in App.js file. how can I do this

[@shahrozali48]

zabardast

[@pradhumnawasthi104]

how to get header and bottom tab navigator to all screens in the app other than screens in the mainTabScreen .js file

[@brijeshsrivastav9733]

Hello sir, Do you give live class on paid basic for react native. because i want to

[@_mukumemories]

Hello Sir, please make a video on how we can register a user (insert data into database) PHP

[@MayankKumar-hk3ud]

Which ide do you use for react native development?

[@viettl469]

i am building a seat screen of movie ticket app but i dont have any idea for design and code, can u make an tutorial of this?