This is seriously the best overview for anyone who has some familiarity with UI development and just needs to know what is available without hours of tutorials. Thank you so much for this!
As a front end desktop java dev, using flutter stressed me out and I started too hate it, so glad i found this video, after watching I returned back to it and I am now suprised by how easy it seems
OMG BRO!!!!! This is really Super Duper Califagalistically Helpful. I learnt more than i did watching 5 tutorial videos in just this one 4minutes video!!!
This is awesome and what I was long time looking for to get a ground understanding of how to layout mobile apps with flutter! Looking forward to see more of such videos!
This is a whole year later and you may have figured it out by now but for those who are still curious: In VS Code go to settings and search for Dart: Preview and locate Dart: Preview Flutter Ui Guides and check the box to enable the lines. You need to restart VS Code for it to be implemented.
@@FunwithFlutter These are excellent for someone like me who loves speedy tutorials. I've subscribed and will definitely be waiting for more videos. I wish you the best of luck.
I don't have a wrap with column option showing in Android Studio or VSCode. I've asked reddit and stack exchange but had no answers. Anyone got any idea? I've had so many problems like this with flutter I'm just about ready to switch to a language with guides that can actually be followed.
Can you see any of the other options, for example "Wrap with widget", "Wrap with Center". The shortcut on VS Code is ( ctrl .) that is ctrl and . Which should bring up the selection menu. Sometimes VS Code takes a while though.
Lol can't really take credit for that, my other videos in this series are title as "x Minutes". But having said that I should maybe remove that. Glad you like it though
Lol my most asked question on this video. Scroll down and you will find your answer. Note that that was a couple months ago. Back then it was still being tested and sometimes it bugged out. Think it's a lot more stable now. I stopped using it.
Want to learn about animation: I've release a course. Take a look and get a discount for taking the time to read the comments :) fun-with-flutter.teachable.com/p/mastering-animation-in-flutter/?product_id=1679475&coupon_code=FUN Use the promo code: FUN for a discount.
It's available with the normal flutter/dart extensions on Visual Studio/ Android. VS Code you hit ctrl-. (control and dot) while the cursor is over the widget you want to wrap. There is also a light bulb that pops up (next to the widget) that you can click.
Good question. There are a ton of widgets that are not covered in this video, and more are always added. This video is only to demonstrate some simple layout widgets.
Clean and Clear. But more importantly - There's definitely more packed in there than I expected. Thumbs up. Also, you're from SA boet - the accent is too "Howzit" to ignore (Immediate like and Subscribe!)
This is seriously the best overview for anyone who has some familiarity with UI development and just needs to know what is available without hours of tutorials.
Thank you so much for this!
Really glad it was helpful!
I shouldn't have seen those extra seconds, now I had to subscribe.
it is what it is ... we got trapped
I could easily watch 30 minutes of this. Immediately clear, good use of the colored containers to show how these widgets work. I am a new subscriber!
Thank you YT algorithm for recommending me this 2 years later. This video is fantastic!
😂 glad Tadas. I need to update it if you have any tips
This has to be one of the best early Flutter tutorials I've ever seen. Thank you!
You’re welcome ☺️
As a front end desktop java dev, using flutter stressed me out and I started too hate it, so glad i found this video, after watching I returned back to it and I am now suprised by how easy it seems
most straight forward/ formative flutter tutorials!
Glad you like them!
The biggest problem App developer face is how to design properly. This is what I am looking for. Subscribed
I seriously appreciate this video very much. Please make a more detailed and complete video of this type. People would really love that.
I love how short and concise this is
Thanks
your 4 min video explain better than 1-hour long presentation from my classmates
Great tutorial. You explain it really good and visually. Plus you got a good voice 😂. Keep it up.
Thanks for leaving a comment! Appreciate it!
Sounds South African.
OMG BRO!!!!! This is really Super Duper Califagalistically Helpful. I learnt more than i did watching 5 tutorial videos in just this one 4minutes video!!!
dam man i went through 100 videos and u the only one give me everything
Sick
The best basic flutter tutorial i ever seen
One hour lesson in just Four minutes.. appriciate❤❤
new to flutter... and this is exactly what I'm looking for. THANK YOU!
Glad it helped
This is awesome and what I was long time looking for to get a ground understanding of how to layout mobile apps with flutter! Looking forward to see more of such videos!
This was excellently done. Thank you for sharing.
Thanks for the comment!
your funny indirect way asking to subscribe, has led me to subscribe :)
Nice haha
That was very crisp and clear.. Subscribed.
Cheers for the visuals provided, quick and just what I needed to get my head around it.
Great!
Short, basic and clear! Thanks for this perfect tutorial.
You're welcome!
Thanks a lot! This was what I need and even better. quick and dirty
Thank you so much!
You are a good teacher. 😊
How do you turn on those lines that correspond to children?
Like at 1:24 the ones going from container to center?
dartcode.org/releases/v3-2/
@@FunwithFlutter Thank you and great tutorial btw
Thank You,
You really value the time.
i dont need that extra seconds to subscribe :), great explanation thanks!
Thanks for the sub!
Tks for a helpful video! Can I ask how can I get a line alignment like you please? Tks
Hello great video 👏 , please which visual code extension are you using for flutter 🙇??
Great explanation! Direct to the point. Subscribed
Amazing!!!
Thank you so much for the overview, it was exactly what I was looking for
I want to ask?
how to provide a connecting line between the body and expanded?
What is the name of the plugin? on visual code
This is a whole year later and you may have figured it out by now but for those who are still curious:
In VS Code go to settings and search for Dart: Preview and locate Dart: Preview Flutter Ui Guides and check the box to enable the lines. You need to restart VS Code for it to be implemented.
@@andrewpoole2245 another whole year later.. thank you! :)
This was an amazing tutorial. Thank you so much.
Super glad to hear that! I 'll definitely be making more of these "? minutes" videos.
@@FunwithFlutter These are excellent for someone like me who loves speedy tutorials. I've subscribed and will definitely be waiting for more videos. I wish you the best of luck.
How do we get that tree lines on the left side of each parent widget?
Very helpful video for a beginner
These videos are fun to watch
I don't have a wrap with column option showing in Android Studio or VSCode. I've asked reddit and stack exchange but had no answers. Anyone got any idea? I've had so many problems like this with flutter I'm just about ready to switch to a language with guides that can actually be followed.
Can you see any of the other options, for example "Wrap with widget", "Wrap with Center". The shortcut on VS Code is ( ctrl .) that is ctrl and .
Which should bring up the selection menu. Sometimes VS Code takes a while though.
Bro how do you get VSC to keep your indentation nested !! Mine starts all the way from beginning. Even though I've used format keyword.
Just discovered your channel. Keep up the good work buddy. Loving the vids so far!
Thanks man! Appreciate it!
Amazing video, well edited and well explained. Deserved sub given.
Welcome!
what is the extension that indicates the tabulation with --?
What is the name of this extension wich you open a menu and add /wrap widget or snippets?
What's the name of the extension that creates L shaped lines?
Just downloaded Dart and Flutter. How do you get a live output? I havent programmed in like 15 years.
this video is so enjoyable, nice job!
Thank you so much!
This is an excellent tutorial - thanks! Also you didn't take the opportunity to be clickbaity and title it "Flutter Layout Basics in 4 Minutes"
Lol can't really take credit for that, my other videos in this series are title as "x Minutes". But having said that I should maybe remove that. Glad you like it though
What's the plugin you use for "|" indentation ?
Sorry for the late reply. Here is more detail - dartcode.org/releases/v3-1/#preview-flutter-ui-guides
I'm not sure if this is still in preview or not, I'm no longer using it. On a smaller screen it is a bit overwhelming.
Hey ! What plugins are you using in VSCODE to show lines like tree and when you push right click open a menu ?
Hey! Scroll down. Someone already asked this. 4 or 5 comments below :)
@@FunwithFlutter Yeah xD
Very good for beginners, thanks!
Grear video! Loved the way you explain stuff! Would love if you could make one about StateManagement!
What song did you use for the outro?
Man cant thank you enough. 🙏🏽
You’re very welcome
This was really helpful! Thank you so much
Mate you are a life saver thank you
very good explanation and illustration!
Thanks, appreciate it
you are basically fireship io but for flutter.. I love your style.u just erned a subscriber
That's a great complement. Thanks!
very nice! Thanks.
What extension do you use to show the tree outline of the components? Can't find it when googling. :|
Lol my most asked question on this video. Scroll down and you will find your answer. Note that that was a couple months ago. Back then it was still being tested and sometimes it bugged out. Think it's a lot more stable now. I stopped using it.
Perfect 👌 easy to understand
Thanks!
Nice job mate
Thanks 👍
you make me want to code with your simplicity and music
That's a big complement. thank you
Have we have drag widgets in flutter
Yes we do. "Draggable" widget
Thank you for this great tutorial
Want to learn about animation: I've release a course. Take a look and get a discount for taking the time to read the comments :)
fun-with-flutter.teachable.com/p/mastering-animation-in-flutter/?product_id=1679475&coupon_code=FUN
Use the promo code: FUN for a discount.
i need to chalk effect. how you making ?
Sorry I don't understand?
@@FunwithFlutter first moment, rectangle e.g.
what plugin do you use for wrapping widgets?
It's available with the normal flutter/dart extensions on Visual Studio/ Android. VS Code you hit ctrl-. (control and dot) while the cursor is over the widget you want to wrap. There is also a light bulb that pops up (next to the widget) that you can click.
Great Video. Thank you!
You are welcome!
can this man be any more gud!!! Awesome.
I wish!
Excellent
What about the Safe Area?
Good question. There are a ton of widgets that are not covered in this video, and more are always added. This video is only to demonstrate some simple layout widgets.
more like this so easy to understand
Will do for the future. Thinking of doing an animation one. Any other ideas will be appreciated.
My emulator is very slow and crushes all the time,help I need to setup a fast one in vs code studio
Consider using a physical device. If you're on ubunto or macos, it now has support for desktop
can you pls put the code at the comment section
? please
Ahh sorry I don't have this code anymore
Cool 👍
Hello what a nice video of yours, as always.
May I ask how to turn on those L-shaped lines in VSCode?
Thanks bro.
My most asked question :) scroll down friend and you'll find what you are looking for
Om namah shivay
From where u are learning this all amazing widget and concepts of flutter
Practice, experimenting, videos, documentation. Anywhere I can :)
Excellent !!
Thank you! Cheers!
Perfect!
Thank you so much.
Great tutorial
Thanks :)
♥️♥️♥️
Clean and Clear. But more importantly - There's definitely more packed in there than I expected. Thumbs up. Also, you're from SA boet - the accent is too "Howzit" to ignore (Immediate like and Subscribe!)
Thanks man. Ek is ja!
That's Fantastic..!!
Thank you! Cheers!
very helpful
Thank you!
why music??????
Good one
Subbed, great video, cheers!
Thanks!
I subscribed, but you're not publishing new videos.
Your tutorials are great. Exactly the info anyone could need in a neat little package.
The question is how we can put containers on each other ?
api.flutter.dev/flutter/widgets/Stack-class.html
Sir, are you the flash? 😂
lol
Good tutorial
🔥🔥🔥🔥🔥
a lot thanks for you bro
Gooood job
Nice video
❤❤❤❤❤
cool pls do another videos for other widgets
Wow Man... Wordless. Thanks
My pleasure!