Flutter UI - Login and Sign up

Need an app - rajayogan.com
Newer version of this - • Flutter 2.0 - Firebase...
Follow me on twitter - / rajayogan14k
Other flutter videos - • Flutter
Join our flutter community - / discord
UI screen credit - dribbble.com/s...
Code for this screen - github.com/raj...

[@rajayogan8884]

Newer version - kzbin.info/www/bejne/aKSqf518Zq2jr6M

[@Cnuggets]

Thanks man! Don't notice the haters.

[@prathamsarankar-csecs-0398]

Bro! You voice is like Hritik Roshan of "Koi mil Gaya". Your are like "genuine coder". Thank you so much.

[@saswatpriyadarshan1233]

Great videos man. I am new to flutter and I really find your videos very informative and helpful. Great job.

[@Izavincy]

You are hands down the best, ever

[@mykmurry]

Thanks man! you make it look so simple.

[@shalomninziza1822]

thanks man this was really nice and helpful

[@brianhumphrey7415]

Thank You Raja! Very Infomative.

[@dubemezeagwu2039]

nice one! BIG UPS

[@mohamedghanem8879]

y do i have to be frightened every video's intro ! :)hhhhh

[@MOhan-ur4ei]

Hey Bro... Thanks... I've been working how to remove the overflow padding error... You fixed that... Thank you Bro... resizetoAvoidPadding : false... This line helped me... Keep Rocking... Bro...

[@martlalrts]

I don’t know why I laugh when I read this comment but really funny loool

[@viniciusgregorio1412]

ok........... ok.........

[@karnansooriyakumar8002]

awesome sir i am learning flutter your UI Challenge is very helpful for me sir please sir upload more tutorials about flutter

[@philjoseph3252]

Hey man are you from south India? Love that accent ❣️

[@rajayogan8884]

yes sir, I am. Thanks.

[@mdamanullahhoque145]

Thanks for sharing knowledge.. I have enjoyed lots

[@jeannshuti2053]

Thank man! But textfields that are close to bottom are hidden when a keyboard comes up i.e you cant scroll up to fill in data, is there a fix? AutoScroll maybe?

[@4li.]

dara dia bhai keep the energy tho

[@shubhamboghara4490]

Hey ,, I am starting to learn flutter, but i am having loads of errors on my way,, I am not able to get last one right,, I am not able to connect Android emulator in vs code..

[@mlgen7]

Ah... very nice video. Wish there was a version for this exact design and a working firebase login using bloc pattern :D

[@rajayogan8884]

I could do a firebase version (plus a PostgreSQL version) with this design and post it on github, but I ain't using BloC.. It's not that good..

[@aryanchordia3527]

@@rajayogan8884 Hi have you done this/do you have a tutorial on how to do so? Thanks for the video btw!

[@rajayogan8884]

@@aryanchordia3527 I have done this for a couple of apps that I worked on. (Used providers to throw around data).

[@sergioplacanica95rc]

Using a GestureDetector for the button doesn't work, it wraps the text and doesn't take all the space available. You can use a transparent FlatButton widget instead.

[@imransefat8770]

All the things look pretty cool until you see the view in a bigger screen for example Pixel 3 XL. The while content will shift towards the top because you used Column.

[@rajayogan8884]

Yeah, well at that time, I didn't know much about this framework bro.. this video came out on September 2018.. since then, I have been coding for two years.. have a couple of apps on the store and currently working with a couple of companies.. anyway thanks for watching.. have a nice day..

[@imransefat8770]

@@rajayogan8884 keep going man, you're doing great Best of luck

[@jalakamkiran7392]

Great content buddyy..

[@rechandler]

Is there a reason you used Stack instead of rows and columns for the login in layout? Nice Video btw

[@rajayogan8884]

Yeah, I talked about it from 8:25 sir.. Thanks for watching. Have a nice day.. :) (Subscribe.. !! )

[@rechandler]

@@rajayogan8884 gotcha! Great vid

[@gumbarros]

GENERAL KENOBI

[@iam_mashika]

how would you handle the text field input for the user to log in because you didn't use a form

[@mmkamal]

After viewing so many tutorials, your tutorial was far better than anyone else but Raja can you please make design according to screen. I have two phones one with a small screen and one with a big screen. The design isn't responsive. Thanks a lot for making so amazing tutorials

[@rajayogan8884]

Yeah sure.. Well, this video was made in 2018 sir. I myself was learning flutter back then., :)

[@mmkamal]

@@rajayogan8884 That is so amazing. It has been 2 years now

[@mmkamal]

@@rajayogan8884 So when are you making a responsive design tutorial? I'd love to learn from you again

[@rajayogan8884]

@@mmkamal Responsive is nothing but using MediaQuery instead of fixed values. It's not difficult.. (unless you use animations)

[@revengine4830]

When I rotate screen to horizontal orientation then the layout is getting overflowed, isthere any way to fix ?

[@pluveto2153]

I love this!!!

[@Izavincy]

The part where you link the sign up page is not clear i don't understand anything, you need to make a separate video about how to transfer from one screen to the other using that inkwell on tap feature. I honestly didn't get that part

[@manangandhi3656]

whats the use of material in the button? why not use a normal button?

[@khelasports7396]

Awesome

[@techit7285]

SignupPage() showing error. how to remove

[@enishpandey2480]

WHEN I TRY THIS,OVERFLOW BY 1147 PIXELS IS SHOWN.WHAT CAN I DO.IT'S MY SAMSUNG J7.

[@niknikhil5873]

use a scrollable widget

[@AnvildevilGq00]

Nice video but why that “wootsup”

[@Cornandpickles]

why not use rich text with a text span for the green dot

[@rajayogan8884]

Actually, that's a better way I guess.. I'll try it out., thanks.. :)

[@akashdubey2043]

This will differ from phone to phone as screen size changes bcoz for height and width a forced value is used.

[@rajayogan8884]

Yes. This video was made in September 2018 when flutter was in Beta. There were totally 1300 people who knew and were using flutter at that time and it was highly helpful for anyone trying to start with flutter. Google launched Flutter officially on December 4th, 2019 along with marketing and then it blew up. With the subsequent changes and hundreds of course sellers jumping in, I see that more people are now starting to hate older videos than appreciate the early birds who spent their time trying to help others when the framework wasn't even officially out.. (At that time only 2 ppl were posting videos, one was a channel called fluttery and another was Tensor programming).

[@akashdubey2043]

@@rajayogan8884 ohhh ohk thanks mate 😊

[@salilveersaxena4961]

sir after writing route it is showing error

[@prayushdawda7807]

Super useful!

[@afrazahmadkhokhar]

If you explain your code and show some variations then it would be best. BTW informative video.

[@JatinderKumar-nb7sx]

Is flutter supports Spanable String like in android? btw nice tutorial(y)

[@htoomyatlin4632]

awesome bro

[@naukrinotifications]

thank u sir for giving us the source code in github

[@divyanksingh4829]

How do I download the fonts from the Github repo provided?

[@ajagaabdulbasit]

Well done bro

[@ripusudan100]

Can someone tell which is Best laptop or machine configuration...my machine become freez each time I run flutter app

[@dhruvshetty5372]

my icon is a black box the facebook thing isnt showing

[@daniyalwaheed640]

kindly make a video on backend authentication through firebase

[@youssefbenouiran7262]

thank you so much

[@arsalanbubeev3582]

does it works currently?

[@youssefbenouiran7262]

@@arsalanbubeev3582 i was here to see how to write an input + buttons that's all so i dont know

[@tom_brsd_]

What's the code to the red's color

[@iamnomana]

Mister Raja, the is an error when I rotate my device. It says, Bottom Overflowed by 116 pixels. That also happened when it was in portrait mode. And you tried to solve it using "resizeToAvoidBottomPadding: false", instead of LIstView. Please try and make changes to it. By the way thanks for this awesome tutorial of yours👌👏

[@juniordev4190]

You can wrap it inside the SingleChildScrollView

[@rumeshbandara9972]

thanks you sir

[@jacoblartes8054]

Thanks man

[@fathimashafana4881]

Where is the sqlite code??

[@mahmudulhussain5401]

Can You Make Video For Begainer Sir ?

[@GeekSlayerChannel]

Are you trying to mimic peter mckinnon ?? Haha..

[@rajayogan8884]

Oh yeah, wow., I used to watch his videos till January.. Anyway., thanks for watching.. Have a nice day.. :)

[@GeekSlayerChannel]

Mix some desi accent for that... It will make you unique. Anyways good video on Phone auth bud... Is there anyway to contact you personally? like on discord... I have few questions regarding BLoC pattern..

[@GappFreire]

Perfect - In Brazil

[@muhammadchaerulhafiz4709]

sir i have question, i try stack(children) but the children can't defined, why? I checked repeatedly and then matched your code but there was still an error, i use the lastest update dart and flutter please help me sir :(

[@rohiteppakayala970]

check the braces nd commas first...

[@roysmith5711]

How about using the escape sequence ?

[@rahulnainala]

Can u pls add in the code of onclick for "facebook" container

[@muhammadafzal237]

This is good, but I think you took too much time. It can be done in 10 to 15 minutes.

[@mr.rajanmaurya]

navigator is not working says Error: Method not found: 'SignupPage'.

[@FestusMuberuka]

replace the class name in signup dart file like this " class SignupPage extends StatelessWidget"

[@khelasports7396]

Source Code ?

[@mogdoomfaizal3005]

For login button, we can use RaisedButton instead of material..?

[@rajayogan8884]

Yeah sure.. you can use whatever you want sir.. When you write an app, your imagination is your limit.. There is no correct step-by-step procedure in the dev industry..

[@mogdoomfaizal3005]

@@rajayogan8884 thanks for the response

[@aldowisnu7546]

nice tutorial

[@immythic4644]

mm bro how I can make a real sign up like if someone want to sign up in using google and receive emails about my app because this is just ui right?

[@rajayogan8884]

Yep, pls check the other videos in this channel sir.

[@immythic4644]

@@rajayogan8884 okey thank u

[@6GOD102]

what font do you use for your vs code?

[@rajayogan8884]

some mono font.. I don't remember.. I think it's droid sans mono

[@aminemenaa4912]

Can u show me the code of signup page plz .

[@radicalkasak0072]

Did you do any extension of this of login

[@tranquillityEnthusiast]

Sir,I wnt to know from where did you all downloaded the Fonts????...

[@rajayogan8884]

Use google sir..

[@tranquillityEnthusiast]

@@rajayogan8884great work sir...i like all your vedios...wish i could see you building commercial angular apps...

[@tranquillityEnthusiast]

Sir,Do you know how to set serial number in firestore for every document??... for example 1,2,3. i hv tried in js by using counter..

[@sournvisal]

thanks :)

[@__Rizzler__]

Dude is this php

[@ashimasoni8898]

do you have the code for login page too? I can only see main.dart and signup.dart

[@gameorised8135]

plz firebase auth ui

[@JK92007]

please make tiktok UI

[@mariustoicescu]

Sorry, but in which language do you speak?

[@rajayogan8884]

Ahh.. That hurt.. It's English with an Accent.. :) Thanks for watching.. Have a nice day.. :)

[@viniciusgregorio1412]

@@rajayogan8884 ur english is pretty good. Don't mind him

[@karnansooriyakumar8002]

awesome sir i am learning flutter your UI Challenge is very helpful for me sir please sir upload more tutorials about flutter

[@karnansooriyakumar8002]

awesome sir i am learning flutter your UI Challenge is very helpful for me sir please sir upload more tutorials about flutter