如何解决如何使用listview.builder消除列抖动的RenderFlex错误?
我正在按照下面的代码在flutter中构建列,该列具有嵌套的ListView.Builder, 但是它给出了RenderFlex的显示错误,我该如何解决?
RenderFlex在底部溢出了116个像素。
Column(
children: [
SizedBox(height: 25,),Column(
mainAxisAlignment: MainAxisAlignment.center,crossAxisAlignment:CrossAxisAlignment.center,children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[
//order container
Container(
height: 32,width: 160,decoration: BoxDecoration(
color: Colors.white,border: Border.all(
width:0.5,color: Color(0xFF766F6F),borderRadius: BorderRadius.circular(10.0),child: Center(
child: Text('Order Date',style: TextStyle(backgroundColor: Colors.white,color:Color(0xFF2e2a2a),fontFamily: 'Roboto',fontSize: 12,Container(
height: 32,decoration: BoxDecoration(
color: Colors.white,child: Center(
child: Text('19 May 2020'),],Row(
mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[
Container(
height: 32,child: Center(
child: Text('Party',border: Border.all(
width:0.5,child: Center(
child: Text('Vardhman Textiles Ltd',SizedBox(height: 30,ListView.separated(
separatorBuilder:
(BuildContext context,int index) {
return SizedBox(
height: 16,);
},shrinkWrap: true,itemCount: snapshot.data.content[key].length,itemBuilder: (context,index) {
return Column(
children: [
Column(
mainAxisAlignment: MainAxisAlignment.center,crossAxisAlignment: CrossAxisAlignment.center,children: <Widget>[
Container(
height: 40,width: 320,decoration: BoxDecoration(
color: Color(0xFFFF0000),border: Border.all(
color: Color(0xFFFF0000),child: Center(
child: Text('ITEM DETAILS - ' + "1/2",style: TextStyle(color: Colors.white,fontWeight: FontWeight.bold,fontSize: 20,Row(
mainAxisAlignment: MainAxisAlignment.center,// crossAxisAlignment:CrossAxisAlignment.center,children: <Widget>[
Container(
height: 32,decoration: BoxDecoration(
color: Colors.white,border: Border.all(
width:0.5,child: Center(
child: Text("Catalog Item",Container(
height: 32,child: Center(
child: Text(snapshot
.data.content[key][index][0].sodPk,border: Border.all(
width:0.5,child: Center(
child: Text('QTY.',child: Center(
child: Text('10',)
],)
由于我是扑扑学习的新手,请引导我,谢谢,我正在尝试使用Stack,但效果不好, 当我使用堆栈时,第一子列与listview.builder重叠,因此将其删除,
请指导我解决方法
解决方法
您可以尝试用ListView.separated
来包装Expanded Widget
。扩展的作用是扩展“行”,“列”或“伸缩”的子级,以便该子级填充可用空间。这样就不会溢出
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。