Flutter Tutorial : Container, Rows & Columns | Flutter Course for Beginners

#flutter #fluttertutorial #flutterforbeginners

In this Flutter Tutorial , i will be teaching you the Basics of Flutter, in specific to use in built layout widgets that are provided in Google Flutter SDK such as Flutter Column, Rows & other Structural Widgets.

As these are some of the most basic elements in any Flutter App, my effort is to make it easy enough for you to understand the Basic functioning of these Widgets in Flutter.

🔥 Auto-Generate Flutter Custom Paint Code TRY THIS FREE TOOL👇:

🔥 Learn About the Most Important Widgets in Flutter 👇:

(Your UPVOTE Means a lot! 🙌)

If you find this video useful consider Supporting @RetroPortal Studio :

Social Links @RetroPortal Studio :

If you like the tutorial, please hit the LIKE and Subscribe button and also consider supporting me on Patreon or Buy Me a Coffee for More Flutter Tutorial on RetroPortal Studio.

Thank you for Watching! Happy Coding :)

[RetroPortalStudio]

If you find this video useful, consider Following me on:
Happy Coding! ✌️😁

[brunoaugusto]

Thank you, dude. I'm really happy with Flutter development. People like you, helping other by your own, really motivate me!

[jeffre]

Thanks for the introduction to Flutter

[JobaerArman]

Very useful content to learn about basic layout of flutter. Well, I would request you if you would minimize the project window which would give more space to the right. Then you can resize the studio window to make room for the emulator. Then we'll be able to watch the emulator & code window at the same time. Thank you.

[GauravKawatrakir]

Content is amazing but nesting of widgets can go huge which makes maintenance of code difficult.

[hafizibtisam]

I run this code in this way


class HelloRectangle extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
child: Container(
width: 200.0,
height: 200.0,
color: Colors.greenAccent,
child: Padding(
padding: EdgeInsets.all(10.0),
child: Center(
child: Text(
'My App',
style: TextStyle(fontSize: 40.0),
)),
),
),
);
}
}

My question is "When I run this code padding does not work on Container!
Please give a solution.
Thanks
Regards: #hafizibtisam

[arunkaruppaiah]

While implementing the Row inside Container, why the placement of widgets starts in the middle of container, instead of starting from top-left?

[lifedreamtv]

This is probably a loaded question for YouTube comments, but how would I create a layout with a gradient background, and a Column with an Image and Text object. I'll make the question a little easier to answer on here (I think) --> Would I start with Row, than Column, than Container, OR Container, than Column, OR do I have it all wrong? LOL Thanks in advance!