android - SingleChildScrollView ，子列上的空格问题

Question

当我尝试打开手机键盘时，我的 ** PIXELS 底部溢出，所以我将我的 Column 包裹在SingleChildScrollView但不知何故它被推到顶部并且MainAxisAlignment.spaceEvenly停止工作，所以 我使用SizedBox在它们之间留出了一些空间问题是：这是好方法吗？实现小部件之间的空间，它是否适用于不同的手机尺寸

我的代码：

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

Answer 1

1. 要MainAxisAlignment.spaceEvenly再次进行这项工作，您需要将您的内部包裹起来ConstrainedBox，如下所示：

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

2. 要滚动到表单的末尾，请使用 aScrollController并SingleChildScrollView动画到列表的末尾，如下所示：

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

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

希望你觉得这对你有帮助 =D

Answer 2

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

关于SizedBox小部件分布的问题，这是因为通常在创建列时，它会使用父级的整个高度，但在 的情况下SingleChildScrollView，它没有大小给你，因此专栏不知道如何分配您的孩子。

最后，我看到很多开发者使用SizedBox来创建间距，所以我认为使用它并没有什么问题。您还可以创建一个ListView.separated（官方文档），它将添加一个相同的小部件（您提供的）作为分隔符。