1. 程式人生 > >Flutter Layout Widget之Align

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,
        ),
      ),
    )

在這裡插入圖片描述