如何使用listview.builder消除列颤振中的RenderFlex错误?

薇姬·辛格(Vicky Singh)

我正在使用下面的代码在flutter中构建列,该列具有嵌套的ListView.Builder,但它给出RenderFlex的显示错误,我该如何解决?

RenderFlex在底部溢出了116个像素。

   Column(
          children: [
            SizedBox(height: 25,),
            Column(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment:CrossAxisAlignment.center,
              children: <Widget>[
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  crossAxisAlignment:CrossAxisAlignment.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,
                      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('19 May 2020'),
                      ),
                    ),

                  ],),
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  crossAxisAlignment:CrossAxisAlignment.center,
                  children: <Widget>[
                    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('Party',
                          style: TextStyle(backgroundColor: Colors.white,
                            color:Color(0xFF2e2a2a),
                            fontFamily: 'Roboto',
                            fontSize: 12,

                          ),),
                      ),
                    ),
                    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('Vardhman Textiles Ltd',                               style: TextStyle(backgroundColor: Colors.white,
                          color:Color(0xFF2e2a2a),
                          fontFamily: 'Roboto',
                          fontSize: 12,

                        ),),
                      ),
                    ),

                  ],),
              ],),
            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),
                            ),
                            borderRadius: BorderRadius.circular(10.0),
                          ),
                          child: Center(
                            child: Text('ITEM DETAILS - ' + "1/2",
                              style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold,
                                fontFamily: 'Roboto',
                                fontSize: 20,

                              ),
                            ),
                          ),
                        ),

                        Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          // crossAxisAlignment:CrossAxisAlignment.center,
                          children: <Widget>[
                            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("Catalog Item",   style: TextStyle(backgroundColor: Colors.white,
                                  color:Color(0xFF2e2a2a),
                                  fontFamily: 'Roboto',
                                  fontSize: 12,

                                ),
                                ),
                              ),
                            ),
                            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(snapshot
                                    .data.content[key][index][0].sodPk,   style: TextStyle(backgroundColor: Colors.white,
                                  color:Color(0xFF2e2a2a),
                                  fontFamily: 'Roboto',
                                  fontSize: 12,

                                ),
                                ),
                              ),
                            ),

                          ],),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          crossAxisAlignment:CrossAxisAlignment.center,
                          children: <Widget>[
                            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('QTY.',   style: TextStyle(backgroundColor: Colors.white,
                                  color:Color(0xFF2e2a2a),
                                  fontFamily: 'Roboto',
                                  fontSize: 12,

                                ),
                                ),
                              ),
                            ),
                            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('10', style: TextStyle(backgroundColor: Colors.white,
                                  color:Color(0xFF2e2a2a),
                                  fontFamily: 'Roboto',
                                  fontSize: 12,

                                ),),
                              ),
                            ),

                          ],),




                      ],
                    ),
                  ],
                );
              },
            )
          ],
        )

由于我是扑扑学习的新手,请引导我,谢谢,我正在尝试使用Stack,但是不好,当我使用stack时,第一子列与listview.builder重叠,因此将其删除,

请指导我解决

袁咏仪

您可以尝试包装你ListView.separatedExpanded Widget扩展的作用是扩展“行”,“列”或“伸缩”的子级,以便该子级填充可用空间。这样就不会溢出

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

颤振如何处理异步/等待中的错误

来自分类Dev

颤振listview和列并排

来自分类Dev

在 futureBuilder 颤振中创建 listView 的问题

来自分类Dev

如何使用ListFragment中的ListView?

来自分类Dev

如何使用ListFragment中的ListView?

来自分类Dev

如何解决在布局过程中引发以下断言:I / flutter(9632):RenderFlex在底部溢出了77个像素。I /颤振(9632):

来自分类Dev

如何比较颤振中的时间?

来自分类Dev

如何使容器在颤振中垂直居中?

来自分类Dev

如何正确固定颤振中的行距

来自分类Dev

如何在颤振中管理状态?

来自分类Dev

如何在颤振中绘制扇区?

来自分类Dev

如何解决颤振中没有null约束的错误?

来自分类Dev

如何使用Firebase中的数据填充ListView?

来自分类Dev

如何使用alertDialog从listView中删除项目

来自分类Dev

如何正确使用导航抽屉中的ListView

来自分类Dev

如何使用Firebase中的数据填充ListView?

来自分类Dev

如何使用android在listview中显示数据

来自分类Dev

RenderFlex溢出-颤振

来自分类Dev

颤振:ListView不滚动

来自分类Dev

颤振:ListView最大高度

来自分类Dev

在Xamarin中如何使用独特的ListView元素,同时还使用RecycleElement?

来自分类Dev

Flutter:如何使用Wrap而不是ListView.builder?

来自分类Dev

如何使用ListView.builder和for flutter进行循环

来自分类Dev

如何在振颤中从List <int>再现音频?

来自分类Dev

如何计算颤振中的字符串列表的总和?

来自分类Dev

如何在颤振中实现共面卡布局

来自分类Dev

如何在颤振中实现这个下拉容器?

来自分类Dev

如何在颤振中不丢失更新的变量?

来自分类Dev

如何在颤振中达到这种形状?

Related 相关文章

热门标签

归档