🖥📱Responsive Dashboard UI • FLUTTER Tutorial ♡

Подписаться 120 тыс.

Просмотров 139 тыс.

50% 1

📱 Flutter Courses • mitchkoko.app/
💰 Hire Me / Book Consultation Call • mitchkoko.gumroad.com/l/CallW...
🎧 Flutter Pod • / mitchkoko
~ ;
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

Наука

Опубликовано:

14 июл 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 288

@createdbykoko Год назад

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

@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.

@eboatwright_ Год назад

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

@wikiwiki8924 Год назад

Amazingly well explained with smooth flow

@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.

@BlockCylinder 6 месяцев назад

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

@nurhadigaming9363 Год назад

Fantastic tutorial, keep up the great videos!

@Zim_88 Год назад

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

@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!! 👨🏽‍💻❤️

@Pankhuri910 8 месяцев назад

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!

@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.

@sooanurag 11 месяцев назад

some clear and concise explanation, Thanks

@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 ✌🏾

@abasilis Год назад

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

@matteobiancofiore7949 Год назад

works PERFECTLY!

@thomasgormanable Год назад

Great tutorial! Feels so much more achievable now!

@gauravkumar-bs3pf 9 месяцев назад

me too!

@hathaichatschool3893 Год назад

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

@therock7014 7 месяцев назад

Bro really love your idea and thank you for the code

@riskzerobeatz Год назад

Great tutorial. Thanks Mitch!

@moammarqaddafi4858 Год назад

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

@fahrezahendriansyah3331 Год назад

it worked! thank you so much!!

@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

@ghassanalkaraan 4 месяца назад

Thanks, I learned a lot.

@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 💜💜💜

@TaichordMusic Год назад

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

@thefraternity-gamestudio6580 Год назад

MVP widget !!

@hanialhebshi9698 3 месяца назад

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

@bohdan8557 Год назад

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

@createdbykoko Год назад

Haha welcomee✌🏾

@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 🙏❤️

@MohamedAhmed-ys2np Год назад

Love you koko keep going 💜

@createdbykoko Год назад

Thanks mohamed 👨🏽‍💻❤️❤️

@waqasbashir7985 Год назад

Great explanation

@ululhasbi724 Год назад

Worked, thx

@mahmoudtokura Год назад

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

@Iqzen Год назад

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

@deriherdiana7332 Год назад

yo bro, really thankya. Big respect

@sb-dor Год назад

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

@SuosSeyha Год назад

I'm really like your teaching.❤

@alexandreduque4155 Год назад

thank you man !! Needed for my project

@createdbykoko Год назад

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

@SullyS255 Год назад

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

@createdbykoko Год назад

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

@yaderiuc7071 Год назад

Legit! thanks a lot bro!

@rain-er6537 7 месяцев назад

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

@andrealexander7711 Год назад

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

@chhayleang1830 Год назад

nice explanation Mitch

@tempuser9560 4 месяца назад

awesome explaining. Thanks a lot .

@marksaing5644 Год назад

up to now. Your soft is great too!

@mnc12004 Год назад

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

@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.

@eduardperez6372 Год назад

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

@createdbykoko Год назад

Glad it helps

@danialothman Год назад

always classy design

@createdbykoko Год назад

always a great supporter Danial! thank you

@junaidjameel5049 Год назад

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

@createdbykoko Год назад

No problem

@wasih19 Год назад

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

@createdbykoko Год назад

No problem 😊 haha glad i could help ❣️

@abdulmuksith3391 Год назад

Thank you Brother ! Love it 😍

@createdbykoko Год назад

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

@rongzhaohua Год назад

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

@metehanmete1210 Год назад

Your awesome bro love ya

@mcfahr3655 Год назад

Works good, tnx

@ariapham5865 Год назад

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

@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

@doniaelattar345 Год назад

thanks mate tNice tutorials was a big help

@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.

@javar1987 Год назад

thank you man.

@aaaaaaaa-cu2jd Год назад

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

@nuwandissanayake3831 Год назад

Woow. Love it ❤

@desktop6681 Год назад

😍Thanks for this video...

@ugurkorkmaz7968 Год назад

Good tt. Thanks man.

@createdbykoko Год назад

No problem ❤️

@blackdockers Год назад

Awesome! Thank you.

@createdbykoko Год назад

No problem👨🏽‍💻❤️

@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

@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?

@ggggggg0000 Год назад

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

@createdbykoko Год назад

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

@storesx Год назад

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

@createdbykoko Год назад

💜💜

@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.

@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 👨🏽‍💻❤️😜

@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

@drikagalbiati Год назад

needed to go learn by acting!

@ras0907 Год назад

Good, thanks for share!

@2bytecode Год назад

Thanks for the video, keep it up 👍

@createdbykoko Год назад

Thanks! Glad i could help

@sikkicoding Год назад

Zabardast & Thank you😍

@yousour5112 7 месяцев назад

easy to understand and enjoyable , thz

@flutterkg Год назад

Thank you bro. you are cool

@SaifAli-zf5qi Год назад

thanks i really need this tutorial..

@createdbykoko Год назад

haha awesome Saif glad i could help. let me know if u need extra help

@SaifAli-zf5qi Год назад

@@createdbykoko yes brother, i had created a school app clone and when i rotate screen horizontaly i get widget overflow..now i will try your guide through this tutorial and then i will let you know.. thanks ❤

@samgarg5228 Год назад

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

@rafales1525 Год назад

Tkank you bro 😉🙏 very well explain 😊

@createdbykoko Год назад

no problem Rafal! glad it helps :)

@adrianomilhomens Год назад

great!

@createdbykoko Год назад

Glad it helps 👨🏽‍💻❤️

@UmarFarooq-sz8ht Год назад

Thanks.

@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

@hijiriabe7849 Год назад

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

@alieldeeb2000 Год назад

thanks bro

@createdbykoko Год назад

No worries ali! 👨🏽‍💻❤️

@lasindunuwanga5292 5 месяцев назад

thanks

@mattjames4978 Год назад

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

@chind0na Год назад

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

@thedreamsofspace5298 Год назад

Excellente

@johndaniel9424 Год назад

I have done those steps

@capitalnews1436 Год назад

you are great awesome, best . thankyou so so so much

@createdbykoko Год назад

My pleasure Rao!! 👨🏽‍💻❤️

@sanjayc1660 Год назад

thnkzz mhn😍😍

@createdbykoko Год назад

no worries 😛

@noevaiit2048 Год назад

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

@alirezahasani263 7 месяцев назад

nice

@dwisantoso3549 Год назад

All the best,

@7thRichard Год назад

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

@jamescockfield422 10 месяцев назад

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