Flutter 小部件在 Column 中的定位

【问题标题】：Flutter widget positioning in ColumnFlutter 小部件在 Column 中的定位
【发布时间】：2020-04-16 20:02:15
【问题描述】：

嗨，我有这个小部件树：

中心
- 填充
  - 列
    - 文本字段
    - 文本字段
    - 文字
    - 按钮
    - 大小盒
      - SvgPicture.asset

并且我想将除 SvgPicture（或图片中的 SizedBox）之外的所有小部件放在屏幕中间，并且仅将图像放在屏幕的中心底部。 Column 的 MainAxisAlignment 为中心。输出为：

图像应位于屏幕底部，其他小部件应位于屏幕中间。谢谢。

【问题讨论】：

标签： flutter dart

【解决方案1】：

您可以使用 Spacer 来实现这一点。因此，您的专栏将如下所示：

Column(
                mainAxisSize: MainAxisSize.min,
                children: <Widget>[
                  Spacer(),
                  TextField(),
                  TextField(),
                  Text("Hola"),
                  FlatButton(
                    child: Text("Button"),
                  ),
                  Spacer(),
                  SizedBox(
                    height: 70,
                    child: Container(
                      color: Colors.teal,
                    ),
                  )
                ],
              ),

【讨论】：

如果您在Column 之上添加Scrollable 小部件，Spacer 将抱怨未绑定的约束
确实如此，但我认为他的代码并非如此。
这是另一个问题，当尝试在 Scrollable 小部件中使用 Spacer 时出现。你真的要制作全屏对话框吗？
非常感谢你们的帮助。但是，如果您提到，我该如何管理它？如果我的顶级小部件是例如 SingleChildScrollView，谢谢。