SingleChildScrollView，子列上的空格有问题

问题描述

当我尝试打开手机键盘时，我有一个底部像素** ，所以我将列包装在 SingleChildScrollView 中，但是不知何故它被推到顶部并且 MainAxisAlignment.spaceEvenly 停止工作，因此我使用 SizedBox 在它们之间留出了一些空间我的问题是：这是个好方法吗？在小部件之间留出空间，并且可以在不同尺寸的手机上使用

我的代码：

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

解决方法

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

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

最后，我已经看到很多开发人员使用SizedBox来创建间距，因此我认为使用它没有什么错。您还可以创建一个ListView.separated（official docs），它将添加一个与您提供的相同的小部件作为分隔符。

要使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之前设置它，以使您的应用程序更高效，因为这种方式颤动不会在您每次使用时都重新构建sizeBox Widget小部件已重建

希望这对您有帮助= D

android android dart singlechildscrollview

SingleChildScrollView，子列上的空格有问题

问题描述

解决方法

相关问答