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