我有以下设计:
代码:
body: Container(
color: Colors.green,
child: SingleChildScrollView(
child: const Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
// TEXT
// TEXT
// IMAGE
],
),
),
)
没关系,当设备较小时,该列是可滚动的:
但是,当设备更大时,我希望实现以下目标:
说明:所有三个元素在布局中均匀分布。第一个在顶部,最后一个在底部。如果有足够的空间,元素之间就有空间。但是,如果没有空间,该列将变得可滚动。有人可以建议如何解决这个问题吗?
我已经尝试过了mainAxisAlignment: MainAxisAlignment.spaceEvenly,
,但这不起作用。即使用包装父容器也Expanded
不起作用。非常感谢您的帮助。