Search code examples
flutterflutter-layout

Flutter crossAxisAlignment vs mainAxisAlignment

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

Solution

  • 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