当使用对齐属性时，Flutter 容器没有包裹到容器的大小。

Posted 2021-03-19

我有一个容器A和一个容器B，这样的容器A包含容器B.我希望容器A包裹自己的大小的孩子，即容器B作为一个容器定义在Flutter文档。

它的工作原理和容器A的大小包装只是为了适应容器B。

但是，当容器A使用对齐属性时，容器A会扩展到全高，而不尊重容器B的高度。

这是我的代码。

Container(
            alignment: Alignment.bottomLeft,
            child : Container(child: SizedBox(width:30, height: 300,), color: Colors.green,),
            width: 60,
            color: Colors.blue,
          )

我如何使用容器的对齐属性，并期待正常的行为？

答案

根据聊天对话，这是需要的结果

Container( 
color: Colors.red, 
child: Row( 
children: <Widget>[ 
Container( 
height: 300, 
width: 30, 
color: Colors.green, 
) 
], 
), 
)

我有第二个问题，如果你能回答的话。如果我反过来，想让我的孩子向右对齐，并在其左边有一个呼吸空间，怎么办？

添加 mainAxisAlignment: MainAxisAlignment.end 行内