flutter - ExpansionTile溢出

Question

我试图在“扩展”面板中包装一些列表项，但是内容溢出。

      ExpansionTile(
              title: Text('Client'),
              children: <Widget>[
                ListView(
                  scrollDirection: Axis.vertical,
                  shrinkWrap: true,
                  children: <Widget>[
                    ListView.builder(
                      scrollDirection: Axis.vertical,
                        shrinkWrap: true,
                        itemCount: upComingCompliancesList.length,
                      itemBuilder: (BuildContext context,int index){
                        return Container(
                          margin: EdgeInsets.symmetric(vertical: 10.0),
                          color: buttonColor,
                          child: ListTile(
                            title: Text(upComingCompliancesList[index].name==null? upComingCompliancesList[index].name==null : ' '),
                            subtitle: Text(
                                '${upComingCompliancesList[index].label} at ${upComingCompliancesList[index].date}'),
                          ),
                        );
                      },
                    ),
                  ],
                ),
              ],
            ),

它显示以下错误:

在布局期间引发了以下断言:

A RenderFlex overflowed by 277 pixels on the bottom.

屏幕上显示以下错误:

Answer 1

尝试在ExpansionTile处于展开状态时将ExpansionTile包裹在可滚动的Widget中，以补偿其内容。像这样使用“SingleChildScrollView”:

SingleChildScrollView(
     child: ExpansionTile(
              title: Text('Client'),
              children: <Widget>[
                ListView(
                  scrollDirection: Axis.vertical,
                  shrinkWrap: true,
                  children: <Widget>[
                    ListView.builder(
                      scrollDirection: Axis.vertical,
                        shrinkWrap: true,
                        itemCount: upComingCompliancesList.length,
                      itemBuilder: (BuildContext context,int index){
                        return Container(
                          margin: EdgeInsets.symmetric(vertical: 10.0),
                          color: buttonColor,
                          child: ListTile(
                            title: Text(upComingCompliancesList[index].name==null? upComingCompliancesList[index].name==null : ' '),
                            subtitle: Text(
                                '${upComingCompliancesList[index].label} at ${upComingCompliancesList[index].date}'),
                          ),
                        );
                      },
                    ),
                  ],
                ),
              ],
            ),
     ),