Flutter 中 Stack 的使用详解（内含对比图） _ Flutter Widgets

在Flutter中，Stack是一个用于叠加widget的控件。它按照子widget的顺序将它们堆叠起来，可以通过Positioned来定位。

下面是一个使用Stack和Positioned的例子：

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

在这个例子中，我们先创建了一个红色的正方形Container作为背景。然后使用Positioned将一个蓝色的正方形Container放在左上角，又使用Positioned将一个黄色的正方形Container放在右下角。

这个例子展示了如何使用Stack和Positioned来进行布局，这是在开发中经常会用到的一个组合。