Flutter SingleChildScrollViewheight 到屏幕高度

Question

我有一个列和三个元素。我将 mainAxisAlignment 设置为 MainAxisAlignment.spaceBetween，以便第一个元素位于我的应用程序的顶部。中间第二个，底部第三个。 现在我想把它包装在一个滚动视图中，这样如果 Column 的内容高于它可以滚动的视图。 例如，当键盘弹出时会发生这种情况。

我的代码看起来有点像：

Column(
   mainAxisAlignment: MainAxisAlignment.spaceBetween,
   children: [
      Element1(),
      Element2(),
      Element3(),
      ]
)

列在整个屏幕上扩展其高度。这也是我想要的。

但是现在如果我将它包装在 SingelChildScrollView 中，它会缩小到最小内容高度。 :(

SingleChildScrollView(
   child: Column(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
         Element1(),
         Element2(),
         Element3(),
         ]
   ),
)

有没有办法让 Column 在屏幕的整个视图高度上继续扩展，并且一旦它的内容高于屏幕高度就可以滚动？

Answer 1

您应该能够通过使用ConstrainedBox 和LayoutBuilder 来做到这一点，这将强制Column 采用最大可用高度

LayoutBuilder(
      builder: (context, constraints) => SingleChildScrollView(
        child: ConstrainedBox(
          constraints: BoxConstraints(
            minHeight: constraints.maxHeight,
          ),
          child: Column(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Element1(),
                Element2(),
                Element3(),
              ]),
        ),
      ),
    )