Flutter Layout Basics: Row, Column, Stack, Expanded, Container, ListView, GridView

[@HeyFlutter]

For a more detailed overview of all these layout widgets watch the tutorials below: 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/layout_basics_example Column Layout Basics Tutorial: kzbin.info/www/bejne/pIicoXSvedhgrac Row Layout Basics Tutorial: kzbin.info/www/bejne/ooqYeKeEoNusnq8 Stack Layout Basics Tutorial: kzbin.info/www/bejne/gIu1c3uPZ92aq5Y Row Tutorial: kzbin.info/www/bejne/nJvGc56tnNqshck Column Tutorial: kzbin.info/www/bejne/qarHq4qilKqAfM0 Stack Tutorial: kzbin.info/www/bejne/fGKVeHyGmclmaKc Expanded Tutorial: kzbin.info/www/bejne/jpmrnIWKjbZlmaM Container Tutorial: kzbin.info/www/bejne/nZfbnXxoit2HndE ListView Tutorial: kzbin.info/www/bejne/mHuqg6CimdOnhas GridView Tutorial: kzbin.info/www/bejne/aH65iYNso7OtpbM

[@JuCas7]

Thank you @Johannes Milke

[@drancerd]

Excellent video! Thank you so much! Explaining all so perfectly and intuitive for a newby like me.

[@HeyFlutter]

Glad it was helpful, @drancerd 😀

[@MrRiyality]

You are one of the most consistent flutter youtubers out there. I appreciate you effort and I just love your innocence even though I don't know you. I however wish you structured your videos properly in a playlist. Coz it's hard to follow as a beginner.

[@gededyavas8399]

@@HeyFlutter wow thx a lot bro. It helps me as a beginner

[@HeyFlutter]

Thank you, Mr Riyality! 🙂 This video is only a quick walkthrough of the widgets to give an overview, if you want to learn in detail about each widget then watch these tutorials below: Column Layout Basics Tutorial: kzbin.info/www/bejne/pIicoXSvedhgrac Row Layout Basics Tutorial: kzbin.info/www/bejne/ooqYeKeEoNusnq8 Stack Layout Basics Tutorial: kzbin.info/www/bejne/gIu1c3uPZ92aq5Y Row Tutorial: kzbin.info/www/bejne/nJvGc56tnNqshck Column Tutorial: kzbin.info/www/bejne/qarHq4qilKqAfM0 Stack Tutorial: kzbin.info/www/bejne/fGKVeHyGmclmaKc Expanded Tutorial: kzbin.info/www/bejne/jpmrnIWKjbZlmaM Container Tutorial: kzbin.info/www/bejne/nZfbnXxoit2HndE ListView Tutorial: kzbin.info/www/bejne/mHuqg6CimdOnhas GridView Tutorial: kzbin.info/www/bejne/aH65iYNso7OtpbM

[@goldenlife6166]

Have a great day johannes,

[@Skyy9670]

This app itself is a masterpiece!

[@jaggyjut]

Awesome explanation

[@mazenalsakkaf]

Great! many thanks Man!

[@adeelzahid9622]

Appreciated. I've already a good grip on these things but I listen to it again because I know you know it better. and the way you explain is always been awesome and decent. 💕💕✔😎

[@pierremarais7669]

Hi Johannes, were you a teacher before? well this video explains Flutter things best I have ever seen before, thanks for your quality videos everyday, I do not miss them for anything, I am from South Africa, thanks again

[@HeyFlutter]

Awesome, thanks a lot, Pierre! 🙂 Nope, you simply get better with every video, this is similar to other areas in life. Simply watch my first video ever and you would be shocked 😉 kzbin.info/www/bejne/rJCcYZqKa9tpqtU

[@manikmahajan3453]

Great video dude, you just build a app for us to understand easily, huge respect for you bro, keep making videos. And, I want a full flutter Course from you

[@HeyFlutter]

Awesome, thanks a lot, Manik! 🙂👍I have only courses for experienced Flutter developers right now who want to learn how to reach the next level: johannesmilke.teachable.com/p/home For all beginners of Flutter etc. this Flutter playlist will help you to learn more about Flutter: kzbin.info/www/bejne/r4rbppiKg653oqM

[@نجودخالد-ك1ذ]

thanks that very helpful , im happy , god bleased you

[@HeyFlutter]

I'm glad you liked it. 💙

[@RajA-me9cl]

Amazing Johan! We need some backend knowledge too.

[@RajA-me9cl]

@@HeyFlutter Thanks brother. You're like a Stream builder

[@HeyFlutter]

Thank you, Raj! 🙂Simply watch my tutorials below for learning more about creating backends for Flutter: 0. Firebase CRUD Tutorial: kzbin.info/www/bejne/e4eVdayogLSkqLs 1. Build A Chat App Firebase 1: kzbin.info/www/bejne/rXmslH16hsd1fNU 2. Build A Chat App Firebase 2: kzbin.info/www/bejne/bYbGfmmPZpd_e80 3. Build A Chat App Firebase 3: kzbin.info/www/bejne/pZulhKydoLuUhNE 4. Build A Chat App StreamChat 1: kzbin.info/www/bejne/bnylpWyIaL-orZI 5. Build A Chat App StreamChat 2: kzbin.info/www/bejne/sIG3kox4qayIkNk 6. Build A Chat App StreamChat 3: kzbin.info/www/bejne/sJvJe5SfmNJ_ias

[@sovrinfo]

Спасибо!

[@iamjdpatel]

Amazing 🤯

[@mercatellineto]

Interesting... I saw this on Andrea Bizzoto video a year ago.

[@HeyFlutter]

Thank you, Neto! 🙂 Yep, this tutorial here is an updated version which handles also more and different basic layouts that I think are relevant to every Flutter developer.

[@hypealex]

i really do love your voice!

[@PaulMcKillop]

Hi Johannes, Do you develop on a Mac because you have to? If you had a choice, which O/S would you prefer to use?

[@HeyFlutter]

Thank you, Paul! 🙂Simply use the operating system that you like the most! For Flutter development a Mac is better if you also want to develop for iOS apps since iOS development cannot be done with Windows & Linux etc.

[@jeremiponnachan5082]

helo sir , ummm the flutter webaap that you r using to show the basics,the row and column and their alignmens and all ,sir can u olease share that link too Thanks in advance

[@jeremiponnachan5082]

@@HeyFlutter thanks a lot sir! your contents are great! is there a way Tht i could get in touch with you sir?

[@HeyFlutter]

Thanks, jeremi ponnachan! 🙂 In this tutorial, we have created a Flutter Mobile App. You could always find the source code of my video projects within the description: github.com/JohannesMilke/layout_basics_example