android - flutter 中的框架布局替代方案

Question

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

Answer 1

Stack很可能是您想要的。

Stack 允许您随意将小部件放在其他小部件的顶部。并且，结合Positioned , 有自定义位置。

让我们在 flutter 中绘制一个真实的框架:

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"),
        ),
      ),
    )
  ],
),