📱Minimal Login UI • Flutter Tutorial ♡

Ғылым және технология

💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatA...
📱 Flutter Courses • mitchkoko.app/
👨🏽‍💻 I'm coding a startup.. / mitchkoko
/ createdbykoko
/ createdbykoko
/ createdbykoko
💰 Book Consultation Call • mitchkoko.gumroad.com/l/CallW...
~ ;
📱 TIKTOK • @createdbykoko
📱 INSTAGRAM • @createdbykoko
💻 GITHUB • github.com/mitchkoko/
🖥 WEBSITE • mitchkoko.app/
firebase flutter sql ios android development app mobile cross platform ui design flutter java login screen tutorial minimal clean dribbble programming coding
#flutter #createdbykoko

Пікірлер: 184

  • @createdbykoko
    @createdbykoko11 ай бұрын

    🔥📱 Flutter Templates • mitchkoko.app/ 🥷🏽📱 Minimal Social App • mitchkoko.gumroad.com/l/MinimalSocialApp 💰📱 Minimal Ecommerce App • mitchkoko.gumroad.com/l/MinimalEcommerceApp

  • @AdityaBolt
    @AdityaBolt2 жыл бұрын

    Make sure to Wrap your column in a singlechildscrollview to avoid an overflow error when the on-screen keyboard appears.

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    This is an amazing tip. Thank you

  • @maxairop

    @maxairop

    2 жыл бұрын

    @HKS Seng No

  • @felizbertomacedo2984

    @felizbertomacedo2984

    2 жыл бұрын

    I didn't know about it, thanks for commenting.

  • @brunobraga60

    @brunobraga60

    2 жыл бұрын

    thank you, sir!

  • @kahanx10

    @kahanx10

    Жыл бұрын

    You can also set the resizeToAvoidBottomInset property of a Scaffold to false, in order to avoid the resizing of screen when opening the keyboard, it works when you don't need to scroll but want to have the screen fixed at one place. I still prefer CustomScrollView.

  • @Coenie-je6pn
    @Coenie-je6pn29 күн бұрын

    Dude I love your approach. No bs, straight to the point.

  • @pachenko2001
    @pachenko20012 жыл бұрын

    Bro!!! Your tuts are off the charts!! I have high hopes of getting so much better at flutter just following you chief. Thanks for all the work and God bless you!💗💗💗💗❣❤‍🔥❤‍🔥👍👍👍👍

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    No worries haha glad it helps

  • @AdityaBolt
    @AdityaBolt2 жыл бұрын

    Hey container's have a built in padding property so try to avoid using padding widget in the child of the container, makes the code cleaner. Also for the padding widget outside the container(parent widget) try using the margin property of the container instead. Finally you could achieve the same text fields with the decoration property of the textinput field without the need of a container as a parent widget.

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    thank you for the margin tip! I will definitely adopt that one. And yeah you are right about the decoration property in the textfields 😂 i was just lazy because im too familiar with the container decoration. Thank you for the feedback though it means a lot 👨🏽‍💻❤️❤️❤️

  • @coltonsconyers1604
    @coltonsconyers1604 Жыл бұрын

    Teaching myself Dart/Flutter with zero coding background whatsoever. You’re videos make it feel like a much more easily achievable goal. Gained a subscriber from me!

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    haha glad it helps!! welcome :D

  • @obong_samjoe

    @obong_samjoe

    Жыл бұрын

    same here

  • @m.abelkouri4588
    @m.abelkouri45882 жыл бұрын

    you're so talented bro

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    Glad it helped! 😛

  • @eboatwright_
    @eboatwright_2 жыл бұрын

    Thank you! This is super helpful, as I'm learning Dart & Flutter :D

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    No worries 😉 glad it helps 👨🏽‍💻

  • @nyinyijnine
    @nyinyijnine10 ай бұрын

    thank you so much ko ko, i started learning flutter with Mitch Ko Ko, 5,9,2023

  • @createdbykoko

    @createdbykoko

    10 ай бұрын

    Haha my pleasure bro. ❤️

  • @lamnhat76
    @lamnhat767 ай бұрын

    Oh thank you for sharing

  • @paininmydroid4526
    @paininmydroid45262 жыл бұрын

    Fire tutorial as always.

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    thanks bro ❤️❤️❤️

  • @ismailzaidi7967
    @ismailzaidi79672 жыл бұрын

    thank you that helped a lot , greetings from Tunisia

  • @VTechBroLive
    @VTechBroLive2 жыл бұрын

    Thanks mate!

  • @biscut6296
    @biscut6296 Жыл бұрын

    Great video dude!!!!

  • @chenanetaleb2226
    @chenanetaleb2226 Жыл бұрын

    Great channel, I've been looking for it for a long time

  • @MohamedAhmed-ys2np
    @MohamedAhmed-ys2np2 жыл бұрын

    Very simple and helpful ❤️

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    Thanks mohamed ❤️

  • @ybminm
    @ybminm2 жыл бұрын

    Nice Work!

  • @hamououyaba45
    @hamououyaba452 жыл бұрын

    Nice work!!. thank you

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    no problem ❤

  • @urdulines6744
    @urdulines67442 жыл бұрын

    best tutorial on youtube ever

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    thanku! :D

  • @FLEX110
    @FLEX1102 жыл бұрын

    Very helpful your video.Thank you brother❤

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    Happy to help❤

  • @Nobisuke
    @Nobisuke Жыл бұрын

    This is my favorite creator so far, simple and very clean coding. looking forward for your future video. i am learning flutter and following your video

  • @howed
    @howed2 жыл бұрын

    thank you for your great effort. Loves from Egypt ❤

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    Thanks for the comment. Means a lot to me hehe. EGYPT!!! i love SALAH hahaha

  • @ivanov-sasha
    @ivanov-sasha2 жыл бұрын

    Awesome! Thanks great!

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    No problemo

  • @michaelchiz8055
    @michaelchiz80552 жыл бұрын

    Well done. Nice

  • @charanrajana3221
    @charanrajana32212 жыл бұрын

    That was great video mitch, really appreciate your work. Can you also include a darkmode version of the UI in your upcoming if possible? I can design a screen with good enough ui and ux but designing a same page for the darkmode feels redundant and time consuming. Would mean alot if you can make a video on theming a screen for both light and darkmode. Thankyou again man, your videos really helped me step-up my design game.

  • @yacineelhakimhaddouche6805

    @yacineelhakimhaddouche6805

    2 жыл бұрын

    You can use the theme property for your MaterialApp widget, check it out

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    Check out the Theme in the material app. you can specify LIGHT or DARK there :D let me know how it goes

  • @BeaconofHopeNetwork
    @BeaconofHopeNetwork2 жыл бұрын

    waiting for the next video, i really want to learn firebase from you

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    a lot of firebase stuff coming on the way!

  • @inilonge2927
    @inilonge2927 Жыл бұрын

    This is really amazing. Please can you do a video on how to access different permissions on your phone like fingerprint auth, facial recognition, access to device files and contacts

  • @obong_samjoe

    @obong_samjoe

    Жыл бұрын

    i think he has this in his course already....maybe

  • @achrafmhamdi7018
    @achrafmhamdi70182 жыл бұрын

    Great work bro

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    ❤️ thank u achraf!!

  • @fatmayildizakcicek
    @fatmayildizakcicek Жыл бұрын

    good job👏

  • @kamohelolebona4666
    @kamohelolebona4666 Жыл бұрын

    Where the hell have you been all my life when i needed someone to help with Flutter,Your content is amazing ❤‍🔥

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    haha welcome. Btw i made a more updated login UI here kzread.info/dash/bejne/dpxhxbaKesqzXbQ.html

  • @thesaulgamespace4539
    @thesaulgamespace45392 жыл бұрын

    Hey, thanks for the hard work u put in doing these videos for us, i appreciate, and i was asking for a favor, if u can create an Audio Playing app, but the Audio files should be from the server. I'll be glad to see u make it happen.

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    thanks for the comment :D I will look into that

  • @thesaulgamespace4539

    @thesaulgamespace4539

    2 жыл бұрын

    @@createdbykoko thanks for your time... it means alot.

  • @chenchou
    @chenchou Жыл бұрын

    Thank you for your videos, amazing! Wondering you would be able to share the source code for this or the end of this Firebase series.

  • @aiFeeling
    @aiFeeling2 жыл бұрын

    Brother, good job.......❤️

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    thanks Supun! glad you like it ❤️

  • @sardorturdaliev3932
    @sardorturdaliev39322 жыл бұрын

    Thanks

  • @acepyopi3531
    @acepyopi3531 Жыл бұрын

    thanks alot, it's easy to follow

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    Glad it helps bro

  • @amjadzayed5651
    @amjadzayed5651 Жыл бұрын

    many thanks bro 🌷 can you make an email verification video!

  • @yonahgraphics
    @yonahgraphics2 жыл бұрын

    Bro, thanks for the video. But which video is for setting up firebase on Android? I can't see it

  • @esthera3624
    @esthera3624 Жыл бұрын

    Amazing tutorial, you've helped me so much! and bonus your voice is so soothing

  • @cajetanrahul5747
    @cajetanrahul5747 Жыл бұрын

    loved it

  • @akmalraj121
    @akmalraj121 Жыл бұрын

    I just fall in love with your videos, I am watching all your videos and loving it !!!!!

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    Hey welcome bro! 👨🏽‍💻❤️

  • @vibaal91
    @vibaal91 Жыл бұрын

    What a great video, awesome how you did it look easy! thanks!

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    glad u like it alejandro! 💜 hows flutter going for you so far?

  • @chuckf1649
    @chuckf16492 жыл бұрын

    nice!

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    ❤️

  • @aimeneharbi3913
    @aimeneharbi3913 Жыл бұрын

    Dude you amazing 🔥🔥 keep going i like your work 👌

  • @bloodwinggamer1444
    @bloodwinggamer14442 жыл бұрын

    Bro I am facing error while creating container to test field If I click wrap with container for test field It gives lot of error plz help me out

  • @macramoran2509
    @macramoran2509 Жыл бұрын

    Nice video! It's amazing How did you do when you change the class ClassName and all the sane ClassName changes when you edit the ClassName?

  • @Crisisdarkness
    @Crisisdarkness2 жыл бұрын

    Estimated Mitch Koko, could you make a tutorial showing how to use the phone's camera to scan barcodes?

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    Yes I was thinking of making a video about the camera scanning QR codes. might be similar for barcode

  • @Crisisdarkness

    @Crisisdarkness

    2 жыл бұрын

    @@createdbykoko Ohhh nice, thank you so much

  • @skyorizen
    @skyorizen Жыл бұрын

    bro i love you bro so much

  • @ai-bloggers
    @ai-bloggers Жыл бұрын

    🚀🚀🚀🚀

  • @MultiSciGeek
    @MultiSciGeek Жыл бұрын

    It's beautiful 😭

  • @Ok-Chance
    @Ok-Chance Жыл бұрын

    Hi , is this ui still work on others devices ? i mean in a small phone for exemple ! is the button will still appear in the screen

  • @mayurasandakalumsellapperu6778
    @mayurasandakalumsellapperu67782 жыл бұрын

    ❤️❤️🔥

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    ❤️❤️❤️❤️❤️

  • @sammyjokes9613
    @sammyjokes96132 жыл бұрын

    Hey man, Is your website created with flutter???? If yes... Can you please make a tutorial on animate on scroll 🙏🙏🙏🙏

  • @yonathanhailemelekot5238
    @yonathanhailemelekot5238 Жыл бұрын

    More than Amazing Thank you.

  • @emersonmartins894
    @emersonmartins894 Жыл бұрын

    Thank you bro! it helped me a lot!

  • @aiwithqasim
    @aiwithqasim2 жыл бұрын

    Hey, Really Nice video. Can I get the code link of this video ?

  • @shansalaayodya8149
    @shansalaayodya81492 жыл бұрын

  • @chobrandone6370
    @chobrandone63702 жыл бұрын

    WERE IS THE SETUP FOR ANDROID SIR PLEASE

  • @blackCodeDushans
    @blackCodeDushans8 ай бұрын

    i want master React and Flutter both technologies, is it worth ? how could i practice both ?

  • @yamilsaad9298
    @yamilsaad9298 Жыл бұрын

    I'm from Argentina. Thank so much for every video bro!!!

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    My pleasure! I was supporting argentina in the world cup but tough loss haha 🇦🇷🇦🇷🇦🇷❤️

  • @melissaosborne1892
    @melissaosborne1892 Жыл бұрын

    All your tutorials are the best!!! Please Mitch Koko, You mind sharing the designs link to this UI?

  • @krystlertabinas3151
    @krystlertabinas3151 Жыл бұрын

    I had bebasNeue inputted on the fonts, its already in pubspec and imported already but its not showing the same font as yours

  • @tirek_tech

    @tirek_tech

    5 ай бұрын

    same , what did you do?

  • @teeratphoowaborwornphimkul3501
    @teeratphoowaborwornphimkul3501 Жыл бұрын

    This video is master everyone love like this … he talk a little bit and coding immediately Good Course !!!!

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    Haha glad you like it 👨🏽‍💻❤️

  • @trevorfranks69
    @trevorfranks69 Жыл бұрын

    If i want to use TextFormField can i just simply change the TextField to TextFormField?

  • @ravshanparpiyev9685
    @ravshanparpiyev9685Ай бұрын

    Well

  • @obong_samjoe
    @obong_samjoe Жыл бұрын

    Thanks!

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    Wow Samuel thank you!!❤❤❤

  • @eujuniorbezerra
    @eujuniorbezerra Жыл бұрын

    Thank you

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    My pleasure bro ❤️

  • @ToFu707
    @ToFu707 Жыл бұрын

    Very helpful, Thanks

  • @lukmanhakim4806
    @lukmanhakim48062 жыл бұрын

    hey can you tell me name extension how to choose background color

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    No extension Lukman, just go to the settings of VSCode and you can set the theme there

  • @lantzshaw2864
    @lantzshaw2864 Жыл бұрын

    Thanks for your videos. Benefit a lot. And I really wanna know how to make the rotate animation of the mobile at the begin of the video.

  • @ai-bloggers
    @ai-bloggers Жыл бұрын

    You are the best, bro

  • @garretthaynes1994
    @garretthaynes1994 Жыл бұрын

    What hotkey do you use in vscode to automatically format with new lines and tabs?

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    Control + S = if you save it it automatically reformats for me

  • @garretthaynes1994

    @garretthaynes1994

    Жыл бұрын

    @@createdbykoko yeah that’s what it looked like. I guess I am missing some formatting setting in vscode

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    @@garretthaynes1994 try just updating VScode. I’m pretty i dont have any extra settings enabled

  • @garretthaynes1994

    @garretthaynes1994

    Жыл бұрын

    I found the “format on save” setting in vscode

  • @siddharthroy6033
    @siddharthroy60332 жыл бұрын

    how to use on pressed in login section

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    Hey I want to help but can you clarify your question? Also you might want to check out my next Login video, it may answer your questions kzread.info/dash/bejne/hp-psZqIfMrcm84.html 👨🏽‍💻❤️

  • @Nechirvan_zone
    @Nechirvan_zone Жыл бұрын

    Code?

  • @h3w45
    @h3w4526 күн бұрын

    thumbnail and end result are not the same!

  • @appdev7864
    @appdev7864 Жыл бұрын

    dont forget the "forget password ?" nice tuto tho ty

  • @asif_imtiaz
    @asif_imtiaz4 ай бұрын

    Hey Mitch, been following you for a while. Your video thumbnail is misleading. You don't show how to make that frosted glass UI with Google and Apple login options. A bit disappointed, but thank you for the tutorial on the simple login.

  • @ashokchandra4911
    @ashokchandra4911 Жыл бұрын

    Perfect 👍

  • @akhabalasi6252
    @akhabalasi6252 Жыл бұрын

    Lovely bruh

  • @aiFeeling
    @aiFeeling2 жыл бұрын

    Can you give me a tutorial on instagram login? Plzzzzzz.

  • @createdbykoko

    @createdbykoko

    2 жыл бұрын

    yea sure. you want the instagram login UI?

  • @aiFeeling

    @aiFeeling

    2 жыл бұрын

    @@createdbykoko brother, I do not understand.🤔

  • @daisyjemutai4971
    @daisyjemutai4971 Жыл бұрын

    thank you sir

  • @satyain6567
    @satyain6567 Жыл бұрын

    Hi, can you please do one video on how to access native components like accessing camera to scan QR code, reading contacts, share on WebView page? Currently inside my flutter app it's rendering external webpages. Now, when user clicks on button on that webpage I would like to read/enable the above native components from that webpage. How can achieve this? Please advise!!

  • @jash2851
    @jash2851 Жыл бұрын

    what are the flutter extension you use in VsC....when you select bunch of options come

  • @vadymzdanovych1337
    @vadymzdanovych1337 Жыл бұрын

    Cool.

  • @davidmtundi3400
    @davidmtundi3400 Жыл бұрын

    Hello, wow nice design, can i get the github link please, if you won't mind?

  • @zyltho
    @zyltho Жыл бұрын

    i have alot of errors why?

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    What do the errors say?

  • @zyltho

    @zyltho

    Жыл бұрын

    @@createdbykoko not on login ui sorry i got it in on app intruduction when i write class Homepage and stuff and the website i forgot what its called lollei it was something like that those commands where i write these website completely says error the red line show up under both error i mentioned before

  • @mukins1352
    @mukins1352 Жыл бұрын

    Use "child: TextFormField" instead of "child: TextField" and you will see lots of warnings dissapear.

  • @epi_sto_letes
    @epi_sto_letes Жыл бұрын

    Is there a way to add a local jpeg, png, etc instead of Icon()?

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    Of course! You can bring in an image using this widget kzread.info/dash/bejne/aIih0sywe7ufcbg.html

  • @veenakumari.s8251
    @veenakumari.s8251 Жыл бұрын

    Yesterday I implemented this code it was working fine but now the data is not storing in the firebase may I know why plss Rply

  • @wakwak7903
    @wakwak7903 Жыл бұрын

    any tutorial for live phone in left side of your monitor?

  • @Sofien_Steve
    @Sofien_Steve Жыл бұрын

    not a good one, the next time make sure to include the creation of the loginpage in the tutorial too

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    This is the UI for the login page. Here is the next video which covers the functionality/backend kzread.info/dash/bejne/hp-psZqIfMrcm84.html

  • @abufaya4155
    @abufaya4155 Жыл бұрын

    bro plzz can u telll me what u use to auto align the code

  • @The2Coolest2
    @The2Coolest2 Жыл бұрын

    Why use padding margins etc when you can size the widgets based on the devices size. Is that a legitimate way to approach?

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    How would you do that?

  • @The2Coolest2

    @The2Coolest2

    Жыл бұрын

    @@createdbykoko I made a function that using the BuildContext object you can retrieve for example the width of the screen with MediaQuery. You can also get the screen height the same way and get the safearea height with some subtraction. Try googling some of what I wrote here since I can't write it all out on my phone, many stackexchange threads on it. I'm developing for multiple devices and both tablets and phones, so for example a padding inset of 20 is fine on the phone but on a tablet it looks wrong obviously. Though maybe I'm over complicating which is why I ask. I'm new to flutter dev. But have seen similar in other applications. My basic idea is I just want things to size based on the width and height of the current screen. Am I on the right track?

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    @@The2Coolest2 oh I see, check out my responsive UI tutorial kzread.info/dash/bejne/a5ajk7hyg7e9YsY.html

  • @The2Coolest2

    @The2Coolest2

    Жыл бұрын

    @@createdbykoko Thanks. Will do!

  • @gededestrawan9997
    @gededestrawan9997 Жыл бұрын

    can u help me guys, i change the fontfamily using google font but not working? why? i already add google_font on pubspec and i already import but still not working, please help me guys

  • @gameswelike4056
    @gameswelike4056 Жыл бұрын

    I fall in love with ur video but when I practice as u did I get this error when entering the code for email textfield I expected to find ‘,’ is this an error of the vs code or am messing somewhere I can’t continue from there when I continue I get more error

  • @YaqoobGameX
    @YaqoobGameX Жыл бұрын

    Backgound music name please sir

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    Let me check

  • @YaqoobGameX

    @YaqoobGameX

    Жыл бұрын

    @@createdbykoko i am waiting 🥰🥰🥰

  • @filipkaczmarek5454
    @filipkaczmarek5454 Жыл бұрын

    Gosh! Why I wasted time learning android and WPF when i could just learn flutter... First impression: commas everywhere lol

  • @cajschloerike
    @cajschloerike Жыл бұрын

    for the algorithm :D

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    aye caj ahhahah thanks!

  • @veenakumari.s8251
    @veenakumari.s8251 Жыл бұрын

    Hii can u share the source code for firebase series..

  • @chomanthapa
    @chomanthapa Жыл бұрын

    What abt the thumbnail login screen ?

  • @createdbykoko

    @createdbykoko

    Жыл бұрын

    It’s here newer video: kzread.info/dash/bejne/dpxhxbaKesqzXbQ.html

  • @arv2op308
    @arv2op308 Жыл бұрын

    How you just doing all this without main function declaration lol I'm getting error for real 💀

Келесі