抖动中的帧布局替代

Question

我想在另一个容器的顶部添加Flutter容器，顶部的容器将是透明的。基本上，我是在本机Android中使用FrameLayout进行的。如何在Flutter中实现这一点？

Answer 1

Stack最有可能是您想要的。

Stack允许根据您的喜好将小部件放在其他顶部。并且，与Stack结合使用，可以自定义位置。

让我们在颤抖中绘制真实的帧：

Positioned

Positioned

Answer 2

您可以使用根据对齐方式更好地控制小部件的位置。

Stack(
  alignment: Alignment.center,
  children: <Widget>[
    Container(
      width: 200.0,
      height: 300.0,
      decoration: BoxDecoration(
        color: Colors.black12,
        border: Border.all(
          color: Colors.black,
          width: 3.0,
        ),
      ),
    ),
    Container(
      width: 100.0,
      height: 100.0,
      color: Colors.blue,
    ),
    Positioned(
      bottom: 10.0,
      right: 10.0,
      child: Card(
        child: Padding(
          padding: const EdgeInsets.all(8.0),
          child: Text("Title"),
        ),
      ),
    )
  ],
),

---

输出：

Align