新建项目-3.png

Align

Align 可以控制其 子Widget 的对齐方式,并可以根据 子Widget 的大小自动调整自己的大小。

  1. const Align({
  2. Key key,
  3. this.alignment = Alignment.center, //对齐方式
  4. this.widthFactor, //宽度因子。如果没有设置,则 Align 的宽度就是match_parent;如果为 非null,则将容器的宽度设置为 子Widget的宽度 乘以此宽度因子
  5. 值必须>=0
  6. this.heightFactor, //高度因子。如果没有设置,则 Align 的高度就是match_parent;如果为 非null,则将容器的高度设置为 子Widget的高度 乘以此高度因子
  7. 值必须>=0
  8. Widget child,
  9. })
  1. Align(
  2. alignment: Alignment.centerLeft,
  3. child: Text(
  4. '你好 Flutter'
  5. ),
  6. )

Center

Center 可以将其 子Widget 居中显示在自身内部。Center 继承自 Align,其实就是 alignment 为 Alignment.center 的 Align。

  1. child: Text(
  2. 'Flutter',
  3. style: TextStyle(color: Colors.red, fontSize: 50),
  4. ),

image.png