dart - 我正在尝试为每个 child 使用带有单独 MainAxisValues 的 flutter 行小部件，但它不起作用

Question

    Row(
        mainAxisAlignment: MainAxisAlignment.values [MainAxisAlignment.start, MainAxisAlignment.start, MainAxisAlignment.end],
        children: <Widget>[
          Container(
            width: 40,
            height: 40,
            child: DecoratedBox(
                decoration: BoxDecoration(
                  borderRadius: BorderRadius.all(Radius.circular(40.0)) ,
                  color: Colors.teal,
                  image: DecorationImage(
                    image: AssetImage('assets/fly.jpg'),
                    // ...
                  ),
                  // ...
                )
            ),
          ),
          Column(
            children: <Widget>[
              Text('James Henry', textAlign: TextAlign.left,),
              Row(
                children: <Widget>[
                  Text('status: '),
                  Text('Test Completed')
                ],
              )
            ],
          ),
          Icon(Icons.remove_circle_outline),
        ],
      ),

Answer 1

您的语法无效。这是一种快速而肮脏的方式，但它完成了工作。:

Row(
      mainAxisAlignment: MainAxisAlignment.start,
      children: <Widget>[
        Container(
          width: 40,
          height: 40,
          child: DecoratedBox(
              decoration: BoxDecoration(
            borderRadius: BorderRadius.all(Radius.circular(40.0)),
            color: Colors.teal,
            image: DecorationImage(
              image: AssetImage('assets/fly.jpg'),
              // ...
            ),
            // ...
          )),
        ),
        Column(
            children: <Widget>[
              Text(
                'James Henry',
                textAlign: TextAlign.left,
              ),
              Row(
                children: <Widget>[Text('status: '), Text('Test Completed')],
              )
            ],
          ),
          Expanded(
            child: Container(),
          ),
        Icon(Icons.remove_circle_outline),
      ],
    ),