🖥📱Responsive Dashboard 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...
~ ;
Let me show you how to code a responsive app using Flutter! It will adjust automatically for mobile + tablet + desktop. I used a layout builder, aspect ratio and expanded widgets mainly to achieve this.
~ ;
🖥 FULL SOURCE CODE • github.com/mitchkoko/responsi...
~ ;
📱 INSTAGRAM • / createdbykoko
📱 TIKTOK • / createdbykoko
💻 GITHUB • github.com/mitchkoko/
🖥 WEBSITE • mitchkoko.app/
#responsivedesign #flutter #createdbykoko

[@createdbykoko]

💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatAppMasterclass 📱 Flutter Masterclass • mitchkoko.app/ 🔥 I'm coding a startup.. www.patreon.com/mitchkoko

[@mohamedabdelrehem7698]

can you make tutorial for making button to add more buttons or container like (add new room)

[@fadhilirimba6]

Thanks bro,can you try creating an app reading from an API, e.g news app , livescore etc.

[@greenhills7305]

Thank you and love you 2 FC from Thailand.

[@BlockCylinder]

This is really well done. I know I'm going to be watching more of your tutorial videos in the coming weeks. Thank you.

[@eboatwright_]

Love it! Just finished your first responsive tutorial, and this one is a perfect follow-up! :D

[@ubss]

Thank you so much. Your smooth and calm voice, and clear and precise way of teaching make your tutorials of very very high standards.

[@wikiwiki8924]

Amazingly well explained with smooth flow

[@sanskarsharma5954]

Hands down tNice tutorials is one of the best tutorials I've seen on any subject, ever! Clear, concise and incredibly informative and easy to follow.

[@Andrew-mo9gy]

This was such a fantastic video, thank you so much. I loved the pace, explanation and overall objective of the tutorial. I learned a lot and am keen to watch more of your videos and learn more about flutter. You made my day, thank you 🙏

[@createdbykoko]

Hey Andrew haha glad it helps!! 👨🏽‍💻❤️

[@Way_Of_The_Light]

Wow!! Very beautiful design 👏 Keep posting videos bro! I’ll always watch and hit the ‘like’🙏

[@createdbykoko]

haha thanks, you are appreciated 🙏❤️

[@Pankhuri910]

This video was really helpful. As a designer I wanted to understand how devs create responsive layout in flutter to better understand and communicate with them. Thanks for sharing!

[@bohdan8557]

Wow! What a wonderful presentation! Subscribed, feeling so overwhelmed after seeing the amount of INTERESTING projects on your channel!))

[@createdbykoko]

Haha welcomee✌🏾

[@mahmoudtokura]

Supper cool video, easy to follow and remember, You got a new subscriber. Looking forward to more full-stack responsive tutorials .

[@Zim_88]

Very useful and clean lesson. Thanks! You have a talent

[@nurhadigaming9363]

Fantastic tutorial, keep up the great videos!

[@hathaichatschool3893]

Thank u so much, interested in starting so soft during quarintine and just need a place to get started, thx for the support

[@abasilis]

Thank you very much, nice done, easy to follow, very helpful and you explain very well. Thanks again!

[@budineonadv_banjarmasin]

With your videos my learning curve will shrink drastically. Thank you.

[@createdbykoko]

Haha my pleasure 😇 glad i could help. Let me know if u have any problems ✌🏾

[@denn319]

Never knew that building responsive UI for all the platforms is this easy in Flutter. Thanks, Mitch! You're sick.

[@createdbykoko]

My pleasure glad it helps u 💜💜💜

[@nonefvnfvnjnjnjevjenjvonej3384]

man so good. the best thing is you build everything from scratch. that is how we know how to think. so many tutorials are like ok here is this giant amount of code i copy pasted.

[@createdbykoko]

Hahaha i feel u

[@jeschinstad]

You are an incredibly good teacher, man! I've learned more from watching for for half an hour than I've done in three days. :) It's so tough to get going with programming again after many years of barely touching any code. A lot to learn, but this is really fun stuff. You make it that way. Thank you.

[@createdbykoko]

Hey Jo-Erlend! Thank you and no problem haha I’m glad I can help :) it sounds like you’re returning to programming!! That’s awesome to hear haha what programming did you used to do??

[@jeschinstad]

@@createdbykoko: I was raised with programming. My father thought that the PC would one day win the race and become ubiquitous. So I've done all kinds of programming, but the most productive in recent times, was Vala+GTK, which I suppose is a reason why I like Flutter. In some ways very similar, except Vala still uses the "new" keyword and doesn't allow named parameters, and uses reference counting instead of garbage collection.

[@hanialhebshi9698]

So Useful .. Very organized design .. Thanks a lot for the nice illustration

[@TaichordMusic]

Thank you for this video, you teach in detail and easy to understand.

[@moammarqaddafi4858]

oh man! oh man! You are great.. That is such a beautiful explanation!

[@therock7014]

Bro really love your idea and thank you for the code

[@sooanurag]

some clear and concise explanation, Thanks

[@riskzerobeatz]

Great tutorial. Thanks Mitch!

[@natashas.5388]

Thanks a lot for this tutorial! Works like a charm :D I actually saw your tutorial on an instagram-like-app. I wonder how you would do that screens in responsive design. Maybe you could make a tutorial with two pages on that as well?

[@mnc12004]

Well done Mitch. Awesome tutorial. Just got to add it to an existing, complex app.... 🤔😉

[@felixanomym5524]

Hey bro, I love your tutorials they are so clean and easy to understand. Will you continue videos with firebase? Would love to see how you would do profile page view with user info that is currently logged in.

[@thomasgormanable]

Great tutorial! Feels so much more achievable now!

[@gauravkumar-bs3pf]

me too!

[@sb-dor]

you bro one of the best coder ever, thank you so mush my JIM bro, live a long life

[@ghassanalkaraan]

Thanks, I learned a lot.

[@ululhasbi724]

Worked, thx

[@rain-er6537]

I have never programmed in dart or used flutter, but this looks so simple and easy

[@fahrezahendriansyah3331]

it worked! thank you so much!!

[@SullyS255]

Thanks for this video, this is exactly what I need :D

[@createdbykoko]

no problem sally ❤️ glad i could help 👨🏽‍💻

[@Iqzen]

when i typed in soft soft tutorial i did not expect it to be tNice tutorials good thank you so much aaaaaaa

[@junaidjameel5049]

Thank you So much Sir!, you are doing such a great work. it help's me alot♥

[@createdbykoko]

No problem

[@MohamedAhmed-ys2np]

Love you koko keep going 💜

[@createdbykoko]

Thanks mohamed 👨🏽‍💻❤️❤️

[@vishwajeetbhagat9547]

hey Mitch, great stuff, really appreciated, just have one request, can we have a tutorial to have multiple pages with this design? just wanted to learn how can we use navigation and reuse the same base structure across the pages.

[@matteobiancofiore7949]

works PERFECTLY!

[@rigasetya]

Wanted to thank you for a great vid. Helped a lot. I've been trying to get going in both soft soft and didn't get very far. TNice tutorials vid helped a

[@rongzhaohua]

God Damn, this tutorial is really helpful for a beginner like me.😁 thank you very much.

[@eduardperez6372]

Amazing tutorial... I got a really nice understand about responsive layout in flutter.

[@createdbykoko]

Glad it helps

[@tempuser9560]

awesome explaining. Thanks a lot .

[@SuosSeyha]

I'm really like your teaching.❤

[@wasih19]

I need this video from your youtube channel ..... and boooom you upload it...thanks, man❣️❣️

[@createdbykoko]

No problem 😊 haha glad i could help ❣️

[@marksaing5644]

up to now. Your soft is great too!

[@andrealexander7711]

Thanks bro! I did this to my computer and all is fine

[@yaderiuc7071]

Legit! thanks a lot bro!

[@alexandreduque4155]

thank you man !! Needed for my project

[@createdbykoko]

yay no problem! good luck with your project! what are you making?

[@aripwahyudi2447]

all the different elents together in a language that is universal. I've seen plenty of DAW tutorials being new, but tNice tutorials is by far the best so

[@waqasbashir7985]

Great explanation

[@para07chabbi33]

Thanks man, I got the good habit of wanting to learn everytNice tutorialng before I start sotNice tutorialng (wNice tutorialch is impossible) tNice tutorials quick guide is what I

[@mcfahr3655]

Works good, tnx

[@nuwandissanayake3831]

Woow. Love it ❤

[@chhayleang1830]

nice explanation Mitch

[@thefraternity-gamestudio6580]

MVP widget !!

[@aaaaaaaa-cu2jd]

softs it was really confusing but thanks to you I've gotten more professional at it!! ✌

[@deriherdiana7332]

yo bro, really thankya. Big respect

[@ariapham5865]

overwhelming, but tNice tutorials was absolutely brilliant! Thank you!

[@metehanmete1210]

Your awesome bro love ya

[@doniaelattar345]

thanks mate tNice tutorials was a big help

[@samgarg5228]

great!!, i think i would use navigation rail for desktop instead of a drawer .

[@desktop6681]

😍Thanks for this video...

[@mattjames4978]

This is great. I'm surprised that there is no bootstrap-style responsive library as defaut in flutter.

[@abdulmuksith3391]

Thank you Brother ! Love it 😍

[@createdbykoko]

No problem abdul my brother. Glad i could help 👨🏽‍💻❤️

[@jamescockfield422]

Love the video. Has saved my frustration aha. I am just wondering how navigation would work if you are storing the drawer in the constants.dart file? I would just like to change a widgit that acts as a screen. Would appreciate a push in the right direction. cheers

[@TienLenTrinh]

oh !What a great thing! this video helped me a lot in my graduation project!

[@createdbykoko]

Haha that’s great to hear! What did you make for your grad project?

[@TienLenTrinh]

@@createdbykoko I created an app and website project to sell online

[@createdbykoko]

@@TienLenTrinh great work 👨🏽‍💻❤️😜

[@javar1987]

thank you man.

[@chind0na]

in 12:30 the file is constants.dart but the values aren't. A separate widget for the Drawer() makes mores sense.

[@storesx]

Thanks for a good Tutorial , it is a mazing go ahead

[@createdbykoko]

💜💜

[@ras0907]

Good, thanks for share!

[@danialothman]

always classy design

[@createdbykoko]

always a great supporter Danial! thank you

[@ggggggg0000]

this is the best flutter tutorial i've watched so far

[@createdbykoko]

Haha nice glad u like it 👨🏽‍💻❤️

[@blackdockers]

Awesome! Thank you.

[@createdbykoko]

No problem👨🏽‍💻❤️

[@ugurkorkmaz7968]

Good tt. Thanks man.

[@createdbykoko]

No problem ❤️

[@2bytecode]

Thanks for the video, keep it up 👍

[@createdbykoko]

Thanks! Glad i could help

[@sikkicoding]

Zabardast & Thank you😍

[@flutterkg]

Thank you bro. you are cool

[@7thRichard]

Thanks alot mitch! I really needed this 🙌. You only explained width responsiveness, what about height?

[@hijiriabe7849]

followed the tutorial exactly right, but still different. Using trial version. Thank you*

[@mauziyyahannisa9103]

year. I want to get into making soft on desktop because it offers more features but I have just been preferring the softow of mobile apps

[@rivella99]

So for each follow up page your project has (in your case settings and message) you do the same again by creating 3 versions of it, one for each display type?

[@Spin-jd1pm]

Am a biginner but with the tutorials bro am like i started years back my friends must see tNice tutorials too thumps up

[@marco_di]

Awesome 👍😁 If I drag the image smaller than the 4 blue squares in the desktop view, I get the overflow error message. How to set a minimum window size?

[@drikagalbiati]

needed to go learn by acting!

[@noevaiit2048]

thank you tNice tutorials is really helpful and an incredibly done tutorial for beginners

[@yousour5112]

easy to understand and enjoyable , thz

[@andresprada1982]

Hi bro, special greetings, let me ask you: which program do you use for edit your intro's videos emulating phones or all u want? I appreciate your answer. perfect channel

[@lasindunuwanga5292]

thanks

[@niyazitoros9190]

Thanks for great tutorial. My question is why didnt you use the responsive_framework? What is the main diffrences in your approch? Thnaks 🙏

[@rafales1525]

Tkank you bro 😉🙏 very well explain 😊

[@createdbykoko]

no problem Rafal! glad it helps :)

[@thedreamsofspace5298]

Excellente

[@yumyum_99]

If using many scafold build that will rebuild everytime using layotbuilder, does it takes more space as in storage? because more code, does it increase app storage size?

[@UmarFarooq-sz8ht]

Thanks.

[@adrianomilhomens]

great!

[@createdbykoko]

Glad it helps 👨🏽‍💻❤️

[@mnc12004]

Mitch, How do we add custom cards in the tablet and desktop layouts? Mobile is fine but the custom cards just don't work the way do in the video layout

[@AngelLopez-nc2ib]

Quick question, you probably answered it in the video but didn’t catch it. If I wanted to have separate pages would I code it within the (desktop,tablet,mobile) file and just have the push/pop to navigate to that view?

[@alirezahasani263]

nice

[@shubhammishra1235]

Please Upload Web Application Flutter Tutorial Love your Video💛