Flutter Layout Widget之Align

Align 是一个Layout widget,它可以将其子widget对齐,并可以根据子widget的大小自动调整大小。

const Align({
    Key key,
    this.alignment = Alignment.center, 
    this.widthFactor,
    this.heightFactor,
    Widget child
  })
  • alignment :用于调整child位置; x和y值分别控制水平和垂直对齐。x值为-1.0表示子项的左边 缘与父项的左边缘对齐,而x值为1.0表示子项的右边缘与父项的右边缘对齐。其他值线性插值(和外推)。例如,值0.0表示子项的中心与父项的中心对齐。
    也可以使用定义好的参数;
  • widthFactor:如果为非null,则将其宽度设置为子宽度乘以此因子。可以更大也可以小于1.0,但必须是正数。
  • heightFactor:如果为非null,则将其高度设置为子高度乘以此系数。可以更大也可以小于1.0,但必须是正数。
  • child:子widget
new Container(
      color: Colors.red,
      child: new Align(
        alignment: Alignment.center,
        widthFactor: 1.5,
        heightFactor: 1.5,
        child: new Container(
          child: new Text("Align child"),
          color: Colors.green,
        ),
      ),
    )

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/lmjssjj/article/details/84955342