Flutter 中的 Positioned 小部件：全面指南

Positioned 是 Flutter 中的一个小部件，它用于定位 Stack 小部件中的子元素。Positioned 类似于 CSS 中的绝对定位。

Positioned 小部件有四个主要属性：

1. top：子元素的顶部边缘。
2. bottom：子元素的底部边缘。
3. left：子元素的左边边缘。
4. right：子元素的右边边缘。

这些属性可以设置为 double 类型的值，表示距离相对容器边缘的距离；也可以设置为 null，表示子元素不会被定位在该边缘。

Positioned 小部件还有两个辅助属性：

1. width：子元素的宽度。
2. height：子元素的高度。

这些属性也是可选的，如果不设置，子元素的大小将根据其内容自动调整。

下面是一个简单的示例，展示如何使用 Positioned 小部件：

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

在这个例子中，我们创建了一个 Stack，其中包含两个 Positioned 小部件。第一个小部件将一个红色的 Container 定位在顶部10点oh的位置，第二个小部件将一个蓝色的 Container 定位在底部10点oh的位置。