SingleChildScrollView ，子列上的空格问题

Question

当我试图打开 phone 键盘时，我有一个 BOTTOM OVERFLOWED BY ** PIXELS，所以我将我的 Column 包裹在 SingleChildScrollView 但不知何故它被推到顶部并且 MainAxisAlignment.spaceEvenly 停止工作所以我在它们之间使用 SizedBox[ 做了一些 space =28=] 我的问题是：这样做的好方法吗？在小部件之间实现 space，它是否适用于不同的 phone 大小

我的代码：

第二个问题：当我如下图所示打开键盘时，如何将所有列推到顶部，直到最后一项显示 而不滚动

Answer 1

通常您应该使用 ListView，这应该可以解决键盘隐藏表单域的问题。

关于 SizedBox 和您的小部件的分布问题，那是因为通常当您创建一个列时，它会使用 parent 的整个高度，但在这种情况下SingleChildScrollView，它没有给你的尺寸，因此该专栏不知道如何分配你的 children。

最后，我看到很多开发人员使用SizedBox来创建间距，所以我认为使用它没有任何问题。您还可以创建一个 ListView.separated (official docs)，它将添加一个相同的 Widget（您提供的）作为分隔符。

Answer 2

要使 MainAxisAlignment.spaceEvenly 再次工作，您需要将内部包装成 ConstrainedBox 如下所示：

SingleChildScrollView(
        child: ConstrainedBox(
          constraints: BoxConstraints(
            maxHeight: MediaQuery.of(context).size.height,
          ),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
              Text('data'),
              Text('HelloWorld'),
            ],
          ),
        ),
      ),

要滚动到表单末尾，请使用 ScrollController 作为 SingleChildScrollView 并动画到列表末尾，如下所示：

   controller.animateTo(
      controller.position.maxScrollExtent,
      duration: const Duration(milliseconds: 500),
      curve: Curves.easeOut,
    );

可以使用 SizedBox 作为空格，一个小提示：记得在它之前设置 const 以使您的应用程序性能更高，因为这样 flutter 不会每次都重建 sizedBox Widget重建小部件的时间

希望对您有所帮助 =D

SingleChildScrollView ，子列上的空格问题

SingleChildScrollView , Problem with spaces on the child Column

android

widget

dart

flutter

singlechildscrollview