如何解决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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。