Flutter crossAxisAlignment vs mainAxisAlignment

Question

Asked by callmejeevan on December 19, 2018 (source).

I'm confused about crossAxisAlignment and mainAxisAlignment. Can anyone please explain it in simple words?

Answer

Question answered by CopsOnRoad (source).

For Row:

mainAxisAlignment = Horizontal Axis
crossAxisAlignment = Vertical Axis

enter image description here


For Column:

mainAxisAlignment = Vertical Axis
crossAxisAlignment = Horizontal Axis

enter image description here

Image source

FLUTTER FLUTTER-LAYOUT
SHARE: