如何修复';底部溢出XXX像素';在颤振中使用ListView
我在一个固定高度为300的容器中使用ListView(children:[]),但是当软键盘打开时,我得到一个底部溢出错误 底部溢出123像素 我是Flatter的新手,在学习一个教程时,我在一列中包装了2个小部件,一个在卡片中包装了2个TextFields(),另一个高度属性设置为300,使用'children:'方法包装ListView()小部件(如果我可以这么说的话,请不要使用ListView.builder()) 我尝试用Expandable()小部件包装,但它仍然存在。只有当高度设置为100时,错误才真正消失,但是我得到了一个很小的可滚动部分。有什么方法可以改变吗?或者这是正常的反应吗 注:我也尝试了所有适用于我的情况的解决方案,但没有一个对我有效 这是我的专栏如何修复';底部溢出XXX像素';在颤振中使用ListView,listview,flutter,height,Listview,Flutter,Height,我在一个固定高度为300的容器中使用ListView(children:[]),但是当软键盘打开时,我得到一个底部溢出错误 底部溢出123像素 我是Flatter的新手,在学习一个教程时,我在一列中包装了2个小部件,一个在卡片中包装了2个TextFields(),另一个高度属性设置为300,使用'children:'方法包装ListView()小部件(如果我可以这么说的话,请不要使用ListView.builder()) 我尝试用Expandable()小部件包装,但它仍然存在。只有当高度设置为
返回列(
儿童:[
新交易(_addNewTransaction),
TransactionList(_userTransaction),
],
);
NewTransaction()包含文本字段,工作正常
这是我包装ListView的容器(为了便于查看,代码已经简化)
通常,当软键盘打开时,它不应该显示任何底部溢出错误,但它确实显示了。在我的教程中,它没有任何问题,但是我得到了一个答案
底部溢出123像素
错误
对于底部溢出,请将容器或列包装在SingleChildScrollView小部件中。或者您可以将函数的整个body:属性放置在SingleChildScrollView中。您还可以增加容器的高度。 例如:
`return SingleChildScrollView(
child: Container(
height: 300,
child: ListView(
children: [
Container(
height: 200,
),
Container(
height: 200,
),
Container(
height: 200,
),
Container(
height: 200,
),
),
],
),
); `
将您的
列
包装在SingleChildScrollView
中,您的预期结果是什么?为什么集装箱高度必须为300?
`return SingleChildScrollView(
child: Container(
height: 300,
child: ListView(
children: [
Container(
height: 200,
),
Container(
height: 200,
),
Container(
height: 200,
),
Container(
height: 200,
),
),
],
),
); `