[Flutter] MainAxisAlignment (Row, Column)

I always confused parameters spaceAround and spaceEvenly.

so I arrange this post.

 

ready to three container widget boxs.

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    Column(
      mainAxisAlignment: MainAxisAlignment.spaceAround,
      children: [
        Container(
          width: length,
          height: length,
          color: Colors.red,
        ),

        Container(
          width: length,
          height: length,
          color: Colors.yellow,
        ),

        Container(
          width: length,
          height: length,
          color: Colors.green,
        )
      ],
    ),
  ],
),

 

Row

spaceBetween	spaceAround	spaceEvenly

 

 

Column

spaceBetween	spaceAround	spaceEvenly