What is MainAxisSize in Flutter?

Summary. When you use MainAxisSize on your Column or Row, they will determine the size of the Column or Row along the main axis , i.e, height for Column and width for Row.

The core of Flutter’s layout mechanism is widgets . In Flutter, almost everything is a widget—even layout models are widgets. The images, icons, and text that you see in a Flutter app are all widgets.

In Flutter, LayoutBuilder Widget is similar to the Builder widget except that the framework calls the builder function at layout time and provides the parent widget’s constraints. This is useful when the parent constrains the child’s size and doesn’t depend on the child’s intrinsic size .

LayoutBuilder helps to create a widget tree in the widget flutter which can depend on the size of the original widget . flutter can take the layout builder as a parameter.

mainAxisAlignment is how items are aligned on that axis. crossAxisAlignment is how items are aligned on the other axis .