1. Flutter Align
在Flutter中,Align 是一个widget,用来包含另一个widget,并提供了alignment
参数来对齐子widget
的位置。
Center 和 Align 非常相似。他们只有一个子部件,但 Center 总是将其子部件放在中心。
有关 Flutter Center 的使用,请参考:
Align 构造函数
const Align(
{Key key,
AlignmentGeometry alignment: Alignment.center,
double widthFactor,
double heightFactor,
Widget child}
)
示例代码1:
Align (
alignment: Alignment.bottomRight,
child: ElevatedButton (
child: Text("Button"),
onPressed: () {}
)
)
效果如下:
2. child
Widget child
3. alignment
Align属性用于定义如何对齐子项。Align默认值是 Alignment.center
。
AlignmentGeometry alignment: Alignment.center
效果如下:
4. widthFactor
widthFactor 是一个因子,用于根据 child 的宽度计算 Align 的宽度。如果 widthFactor 不为 null
,则 Align 的宽度将等于子节点的宽度乘以该因子。
如果不指定widthFactor,则 Align 的宽度会尽可能大。
double widthFactor
例如:
Align (
alignment: Alignment.bottomRight,
widthFactor: 2.0,
child: ElevatedButton (
child: Text("Button"),
onPressed: () {}
)
)
效果如下:
5. heightFactor
heightFactor 是一个因子,用于根据子项的宽度计算 Align 的高度。如果 heightFactor 不为 null,则 Align 的高度将等于子项的高度乘以该因子。
如果未指定 heightFactor,则 Align 的高度将尽可能大。
double heightFactor
示例:
Align (
alignment: Alignment.bottomRight,
heightFactor: 3.0,
child: ElevatedButton (
child: Text("Button"),
onPressed: () {}
)
)
效果如下: