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

我有一个包含3个孩子的专栏

如何将小部件（红色矩形）放置在此列顶部，并将其居中放置在第二个和最后一个子项之间

这就是我努力实现的目标：

---

您可以将小部件2和3包装在

堆栈中，然后在
堆栈中有一个
中心
小部件，其中有一个红色小部件

这只在2和3大小相同的情况下才有效，不过…
您可以将小部件2和3包装在
堆栈中，然后在
堆栈中有一个
中间的
小部件，其中有一个红色小部件

只有当2和3的大小相同时，这才有效…
您可以创建这样的东西

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

列(
mainAxisAlignment:mainAxisAlignment.center，
儿童：[
升起的按钮(
onPressed:null，
子项：文本（“一”），
),
堆叠(
对齐：对齐.center，
儿童：[
纵队(
儿童：[
升起的按钮(
onPressed:null，
儿童：文本（“两”），
),
升起的按钮(
onPressed:null，
儿童：文本（“三”），
),
],
),
对齐(
对齐：对齐.center，
子：容器(
颜色：颜色，红色，
身高：50，
宽度：50，
),
)
],
)
],
),


纵队

钮扣
堆叠
纵队

钮扣
钮扣

容器（红色区域）用Align小部件包裹并按中心对齐

您可以创建这样的内容

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

列(
mainAxisAlignment:mainAxisAlignment.center，
儿童：[
升起的按钮(
onPressed:null，
子项：文本（“一”），
),
堆叠(
对齐：对齐.center，
儿童：[
纵队(
儿童：[
升起的按钮(
onPressed:null，
儿童：文本（“两”），
),
升起的按钮(
onPressed:null，
儿童：文本（“三”），
),
],
),
对齐(
对齐：对齐.center，
子：容器(
颜色：颜色，红色，
身高：50，
宽度：50，
),
)
],
)
],
),


纵队

钮扣
堆叠
纵队

钮扣
钮扣

容器（红色区域）用Align小部件包裹并按中心对齐

用例是什么？这不是您可以使用widgets1-3按钮自然实现的功能，这些按钮可以实现更多功能。当用户未登录时，应显示红色矩形小部件（=按钮2和3的覆盖）。按钮2和3处于禁用状态，但我还需要这个矩形作为消息框。我用一个堆栈小部件和边距值实现了它，但我更喜欢在这两个小部件之间使用“real center”的解决方案。用例是什么？这不是您可以使用widgets1-3按钮自然实现的功能，这些按钮可以实现更多功能。当用户未登录时，应显示红色矩形小部件（=按钮2和3的覆盖）。按钮2和3处于禁用状态，但我还需要这个矩形作为消息框。我通过堆栈小部件和边距值实现了这一点，但我更喜欢在这两个小部件之间使用“real center”的解决方案。