Flutter 容器 Align 、Center

新建项目-3.png

Align

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

const Align({
    Key key,
    this.alignment = Alignment.center, //对齐方式
    this.widthFactor,     //宽度因子。如果没有设置，则 Align 的宽度就是match_parent；如果为 非null，则将容器的宽度设置为 子Widget的宽度 乘以此宽度因子
值必须>=0
    this.heightFactor,  //高度因子。如果没有设置，则 Align 的高度就是match_parent；如果为 非null，则将容器的高度设置为 子Widget的高度 乘以此高度因子
值必须>=0
    Widget child,
  })

Align(
  alignment: Alignment.centerLeft,
  child: Text(
    '你好 Flutter'
  ),
)

Center

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

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

image.png