flutter - 使两个小部件与顶部中心对齐 Flutter

Question

我试图实现这个小部件，但没有任何效果：

有可能创建它吗？

标签： flutterdart

Answer 1

你可以尝试这样的事情，以防你试图把一个小部件放在另一个上面。

Container(
        width: 100,
        margin: EdgeInsets.only(left: 16, right: 16, top: 16),
        child: Stack(
          children: [
            Positioned(
              top: 20,
              child: Container(
                height: 100,
                width: 100,
                color: Colors.red
              )
            ),
            Positioned(
              top: 0,
              left: 10, 
              right: 10,
              child: Container(
                height: 40,
                color: Colors.green
              )
            ),
          ]
        ),
      )