如何使容器从 flutter 中的同一个 position 开始

Question

Iam trying to create a figure like this using containers in flutter

I wrote the following code.

Row(
       mainAxisAlignment: MainAxisAlignment.center,
       children: <Widget>[       
          Container(width: 5, height: 10, color: Colors.green),
          Container(width: 5, height: 15, color: Colors.green),
          Container(width: 5, height: 20, color: Colors.green),
          Container(width: 5, height: 25, color: Colors.green),
          Container(width: 5, height: 30, color: Colors.green),
        ],
    ),

I get the follwing output.

How to I make all the containers to start from the same level.

Thank You.

Answer 1

Add crossAxisAlignment: CrossAxisAlignment.end to your Row

Row(
      crossAxisAlignment: CrossAxisAlignment.end,
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        Container(width: 5, height: 10, color: Colors.green),
        Container(width: 5, height: 15, color: Colors.green),
        Container(width: 5, height: 20, color: Colors.green),
        Container(width: 5, height: 25, color: Colors.green),
        Container(width: 5, height: 30, color: Colors.green),
      ],
    ),

Answer 2

Use this code

  Row(
        crossAxisAlignment: CrossAxisAlignment.end,
        children: <Widget>[
          Container(width: 5, height: 10, color: Colors.green),
          Container(width: 5, height: 15, color: Colors.green),
          Container(width: 5, height: 20, color: Colors.green),
          Container(width: 5, height: 25, color: Colors.green),
          Container(width: 5, height: 30, color: Colors.green),
        ],
      ),