YT Video:

https://youtu.be/a6oKFvGuTH4?si=q9pwDWjYCB4sA0GY

So far we have been adding one widget at a time to the body. Now we use Row widget inside body to fit more than one widget. So, we have to use children property inside rows (since more than one child).

Remainder: We saw defining datatype of elements of a list:

List <datatype> items = [ _ , _ , ……]

So, here <Widget>[ ] means list containing widgets as its Elements.

ROW: Row widget is a occupies a row and fills the widget elements horizontally.

Axes for Row:

Main Axis Alignment:

We specify the mainAxisAlignment property with the MainAxisAlignment Object methods like spaceAround, spaceEvenly, spaceBtween, start (it’s the default one).

Row(
        mainAxisAlignment: MainAxisAlignment.spaceAround,

<aside> ❓ Difference:

</aside>

MainAxisAlignment.spaceBetween: same space between elements but no space at start and end.

MainAxisAlignment.spaceAround:  same space around each elements which means, x distance at start and end and 2x distance in between the elements.