Flutter 中 Positioned、Align、Center 的使用详解 _ Flutter Widgets

在Flutter中，Positioned、Align和Center都是用于控制子Widget位置的Widget。Positioned通常在Stack中使用，用于定位子Widget相对于Stack的位置。Align和Center则用于控制子Widget在其父Widget内的对齐方式。

1. Positioned：

Positioned Widget通常在Stack中使用，可以通过设置top、right、bottom、left属性来控制子Widget的位置。

Stack(
  children: <Widget>[
    Positioned(
      top: 10.0,
      left: 10.0,
      child: Container(
        color: Colors.red,
        width: 100.0,
        height: 100.0,
      ),
    ),
  ],
)

2. Align：

Align Widget可以将子Widget对齐到父Widget的左边、右边、顶部或底部，或者水平或垂直居中。

Align(
  alignment: Alignment.center,
  child: Container(
    color: Colors.red,
    width: 100.0,
    height: 100.0,
  ),
)

3. Center：

Center Widget可以将子Widget居中显示。

Center(
  child: Container(
    color: Colors.red,
    width: 100.0,
    height: 100.0,
  ),
)

以上三个Widget都可以用来控制子Widget的位置，选择哪一个取决于你的具体需求。