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.
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??
@@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.
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!
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.
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.
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
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
Can you make a video on how to convert a existing website to a responsive disign for mobile, tablet and website which is in flutter. It would be good if you used responsive framework.
Hello Mitch, thank you for this video, i would like to know, what if i am building a very complex application that has many pages, do i still use this same approach of creating mobileScaffold, TabletScaffold, and DesktopScaffold every time ?
I was wondering the same thing. It seems like it would get incredibly repetitive and that there must be more efficient ways of doing it in that case, although I'm not sure how.
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.
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 🙏
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?
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
There is no option to read the device parameter and adapt to mobile phone, tablet or browser? This constant number not felt right way to do (talking as a not mobil app developer)
I dnt understand how with this aproach u will keep navigation, because if you resize external screen, the builder will always return you to the main general screen of the app! for example at desktop version you will open settings page from drawer, then if you resize to mobile size builder will return you to main screen, and your settings screen will pop. Even you not use navigaton to another screens and if you use just a scrollbar, builder will return scroll always to the start point of the page
Hello, first of all, what a great tutorial, but I have a question, let's imagine you have to create another page (it could even be the about page like you have in the drawer) you will have to create a total of 3 pages, right? 1 for mobile, one for tablet and one for desktop.
The answer is yes I think. If you were to create another page, it would require three versions (mobile, tablet, desktop), accordingly @mitchKoko. Can you confirm?
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?
i am really curious about implementing the 4 blue boxes you made here to run across different stores, i am making an app that is to shop from 2 different stores, a sweeties shop and a DIY shop, is there any way to reuse the "top selling" (4 blue boxes) boxes between each shop without needing to change the layout outside of the responsive layout?
Nice tutorial and I love your calm demeanor. Question, on the mobile portion there are 5 green items though 3 are showing. How can you set that area to allow scrolling to view the 5th item? EDIT: subbed!
How will I make all my pages responsive in a flutter app? Should I implement the responsive layout code in every pages or will it inherit the responsive layout from its parent(main.dart)?
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?
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?
This is good, but it doesn't help when I have a complex app with padding in places and I am just trying to make it look good on an iPhone and Android. I am stuck and really frustrated.
💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatAppMasterclass
📱 Flutter Masterclass • mitchkoko.app/
🔥 I'm coding a startup.. www.patreon.com/mitchkoko
can you make tutorial for making button to add more buttons or container like
(add new room)
Thanks bro,can you try creating an app reading from an API, e.g news app , livescore etc.
Thank you and love you 2 FC from Thailand.
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.
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??
@@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.
Never knew that building responsive UI for all the platforms is this easy in Flutter. Thanks, Mitch! You're sick.
My pleasure glad it helps u 💜💜💜
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!
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.
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.
Hahaha i feel u
With your videos my learning curve will shrink drastically. Thank you.
Haha my pleasure 😇 glad i could help. Let me know if u have any problems ✌🏾
Thank you so much. Your smooth and calm voice, and clear and precise way of teaching make your tutorials of very very high standards.
Amazingly well explained with smooth flow
This is really well done. I know I'm going to be watching more of your tutorial videos in the coming weeks. Thank you.
Great tutorial! Feels so much more achievable now!
me too!
Love it! Just finished your first responsive tutorial, and this one is a perfect follow-up! :D
when i typed in soft soft tutorial i did not expect it to be tNice tutorials good thank you so much aaaaaaa
Wow!! Very beautiful design 👏
Keep posting videos bro! I’ll always watch and hit the ‘like’🙏
haha thanks, you are appreciated 🙏❤️
Thanks, I learned a lot.
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.
Very useful and clean lesson.
Thanks! You have a talent
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
you bro one of the best coder ever, thank you so mush my JIM bro, live a long life
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
Worked, thx
Fantastic tutorial, keep up the great videos!
I have never programmed in dart or used flutter, but this looks so simple and easy
this is the best flutter tutorial i've watched so far
Haha nice glad u like it 👨🏽💻❤️
Wow! What a wonderful presentation! Subscribed, feeling so overwhelmed after seeing the amount of INTERESTING projects on your channel!))
Haha welcomee✌🏾
some clear and concise explanation, Thanks
How to make a text responsive? Mean if screen changes than how text size changes?
in 12:30 the file is constants.dart but the values aren't.
A separate widget for the Drawer() makes mores sense.
So Useful .. Very organized design .. Thanks a lot for the nice illustration
Thank u so much, interested in starting so soft during quarintine and just need a place to get started, thx for the support
up to now. Your soft is great too!
oh man! oh man! You are great.. That is such a beautiful explanation!
thank you so much ive been stuck trying to do something similar and this really helped me in my project❤
is it fine because we have same multiple screen in mobile and web and according to you create three different-2 screen for each one? Please suggest.
Can you make a video on how to convert a existing website to a responsive disign for mobile, tablet and website which is in flutter. It would be good if you used responsive framework.
Hello Mitch, thank you for this video, i would like to know, what if i am building a very complex application that has many pages, do i still use this same approach of creating mobileScaffold, TabletScaffold, and DesktopScaffold every time ?
I was wondering the same thing. It seems like it would get incredibly repetitive and that there must be more efficient ways of doing it in that case, although I'm not sure how.
@@punchesintheface8998 I found a way out but, still by still using Mitch’s method and mixing it with a pal age called Sizer
@punchesintheface8998 could you elaborate on "Sizer"
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.
This is great. I'm surprised that there is no bootstrap-style responsive library as defaut in flutter.
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 🙏
Hey Andrew haha glad it helps!! 👨🏽💻❤️
Hey Mitch, I wanted to know which types of projects can be considered good and worth mentioning in resume so that I can stand out?
I would say projects that you are interested in making 😊
@@createdbykokoAwesome response
I'm a rapper who can't really afford production so I want to learn to make my own soft. I just want to say that I appreciate your teacNice tutorialng
always classy design
always a great supporter Danial! thank you
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?
Thanks for this video, this is exactly what I need :D
no problem sally ❤️ glad i could help 👨🏽💻
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
nice explanation Mitch
Thank you for this video, you teach in detail and easy to understand.
Do you have any tutorial series to learn flutter from beginner -> intermediate -> advance?
Here is my question,
If you want to put ıcons, texts, images how they reacts ? How should I resize those ?
Thanks bro! I did this to my computer and all is fine
thank you man !! Needed for my project
yay no problem! good luck with your project! what are you making?
There is no option to read the device parameter and adapt to mobile phone, tablet or browser?
This constant number not felt right way to do (talking as a not mobil app developer)
The reason for my asking, is due to crackling/distorting soft, whenever the drum/snare, or whatever is playing. TNice tutorials was the case off
what do you think of Screen Util Package in flutter?
You are running an app on which device ?? How can I run in this way on windows
oh !What a great thing! this video helped me a lot in my graduation project!
Haha that’s great to hear! What did you make for your grad project?
@@createdbykoko I created an app and website project to sell online
@@TienLenTrinh great work 👨🏽💻❤️😜
Thank you very much, nice done, easy to follow, very helpful and you explain very well. Thanks again!
works PERFECTLY!
Awesome! How to implement the responsive drawer in each page?
I dnt understand how with this aproach u will keep navigation, because if you resize external screen, the builder will always return you to the main general screen of the app! for example at desktop version you will open settings page from drawer, then if you resize to mobile size builder will return you to main screen, and your settings screen will pop. Even you not use navigaton to another screens and if you use just a scrollbar, builder will return scroll always to the start point of the page
Hi Mitch How do you handle multiple screens in real world application with this way
softs it was really confusing but thanks to you I've gotten more professional at it!! ✌
Amazing tutorial... I got a really nice understand about responsive layout in flutter.
Glad it helps
Bro really love your idea
and thank you for the code
Hello, first of all, what a great tutorial, but I have a question, let's imagine you have to create another page (it could even be the about
page like you have in the drawer) you will have to create a total of 3 pages, right? 1 for mobile, one for tablet and one for desktop.
The answer is yes I think. If you were to create another page, it would require three versions (mobile, tablet, desktop), accordingly @mitchKoko. Can you confirm?
I'm really like your teaching.❤
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?
i am really curious about implementing the 4 blue boxes you made here to run across different stores, i am making an app that is to shop from 2 different stores, a sweeties shop and a DIY shop, is there any way to reuse the "top selling" (4 blue boxes) boxes between each shop without needing to change the layout outside of the responsive layout?
it worked! thank you so much!!
MVP widget !!
Love you koko keep going 💜
Thanks mohamed 👨🏽💻❤️❤️
I need this video from your youtube channel ..... and boooom you upload it...thanks, man❣️❣️
No problem 😊 haha glad i could help ❣️
23:07 Can we add a little animation to make the transition look smooth ?
Nice tutorial and I love your calm demeanor. Question, on the mobile portion there are 5 green items though 3 are showing. How can you set that area to allow scrolling to view the 5th item? EDIT: subbed!
you can try using listview.builder with axis property set to horizontal
@@realolejka Thanks, I'll give that a go.
Supper cool video, easy to follow and remember, You got a new subscriber.
Looking forward to more full-stack responsive tutorials .
overwhelming, but tNice tutorials was absolutely brilliant! Thank you!
I Really Like you tutorials and probably this the a good way but what about the boilerplate ?
Great tutorial. Thanks Mitch!
Thank you So much Sir!, you are doing such a great work. it help's me alot♥
No problem
Well done Mitch. Awesome tutorial. Just got to add it to an existing, complex app.... 🤔😉
Thanks for great tutorial. My question is why didnt you use the responsive_framework? What is the main diffrences in your approch? Thnaks 🙏
Great explanation
How will I make all my pages responsive in a flutter app? Should I implement the responsive layout code in every pages or will it inherit the responsive layout from its parent(main.dart)?
needed to go learn by acting!
Am a biginner but with the tutorials bro am like i started years back my friends must see tNice tutorials too thumps up
what happens if i have multiple screens, whereby all screens need to be responsive, a video maybe
Hey Mitch, curious question, how are you able to make the apps appear on the 3d Iphone
Social Justice Warrior O had the sa problem. click GMS and inside the Program push app and Analog 1 TE. Hope tNice tutorials helps ✌
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?
yo bro, really thankya. Big respect
like What are the basics you need to learn to produce a , or setup it. Also I need to learn how to add soft notes to a .
Thanks for this. But what if I have many different pages and want them all to be responsive
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?
great!!, i think i would use navigation rail for desktop instead of a drawer .
Legit! thanks a lot bro!
This is good, but it doesn't help when I have a complex app with padding in places and I am just trying to make it look good on an iPhone and Android. I am stuck and really frustrated.
God Damn, this tutorial is really helpful for a beginner like me.😁
thank you very much.
I downloaded the program but everytNice tutorialng still says trial version on it??
soft inside the soft roll when I plot in a single channel? I don't know if tNice tutorials makes sense, but basically what I want is; when I plot in a
How to use this ResponsiveLayout for Mulitple Screens ? for Each Screen We have to Create ResponsiveLayout Class ?