我如何在两个列子项之间居中放置小部件？

Question

我有一列，其中包含3个孩子。

我如何在此列的顶部放置小部件（红色矩形）并将其居于第二个和最后一个孩子之间？

这是我试图实现的目标：

Answer 1

您可以将小部件2和3包裹在Stack中，然后在Stack中放入一个带有红色小部件的Center小部件。

这仅在2和3大小相同的情况下有效...

Answer 2

您可以创建类似这样的内容

Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                RaisedButton(
                  onPressed: null,
                  child: Text("ONE"),
                ),
                Stack(
                  alignment: Alignment.center,
                  children: [
                    Column(
                      children: <Widget>[
                        RaisedButton(
                          onPressed: null,
                          child: Text("TWO"),
                        ),
                        RaisedButton(
                          onPressed: null,
                          child: Text("THREE"),
                        ),
                      ],
                    ),
                    Align(
                      alignment: Alignment.center,
                      child: Container(
                        color: Colors.red,
                        height: 50,
                        width: 50,
                      ),
                    )
                  ],
                )
              ],
            ),

• 列
  • 按钮
  • 堆栈
  • 列
    • 按钮
    • 按钮
  • 容器（红色区域）包裹着“对齐小部件”并在中心对齐。