flutter - 如何相对设置图像位置

Question

这是 Flutter Layout 的基本问题。

到目前为止，我放了几张图片使用Row。

但是我想做的是将图像放在“右下角”和“左下角”。

我如何通过 Flutter 布局系统来实现这一点？

Row(
  children: [
    Image.asset('images/pic1.png',
      height:50,
      left:50, // this member doesnt exist.
      bottom:10// this member doesnt exist.
    ),
    Image.asset('images/pic2.png',
      height:50
      right:50,// this member doesnt exist.
      bottom:10,// this member doesnt exist.
    )
  ]
),

标签： flutterdart

Answer 1

您可以使用Align. 例如，对于右下角，您可以这样做：

Align(
  alignment: Alignment.bottomRight,
  child: YourWidget(),
)

请注意，Align它会填充它可以获得的所有空间，因此您可能希望将其限制在 aSizedBox或Container!

这是您需要了解的有关Alignment该类的所有信息，这是您传递给构造函数的alignment参数的内容Align。