ExpansionTile 内的 ListView 不起作用

Question

listview 在 ExpansionTile 中不起作用

我尝试在 ExpansionTile 中显示 listview.builder 但它引发了一些异常

Card(
       child: ExpansionTile(
           leading: Icon(
              Icons.stars,
              color: Colors.pinkAccent,
           ),
           title: Text('Reviews',
                  style: Theme.of(context).textTheme.title,
                          ),
                children: [
                    ListView.builder(
                        itemCount: 5,
                        itemBuilder: (_, i) {
                          return (Text('item $i'));
                     })
                   ],
             ),
     ),

我想要实现这样的目标

══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
I/flutter ( 8182): The following assertion was thrown during performResize():
I/flutter ( 8182): Vertical viewport was given unbounded height.
I/flutter ( 8182): Viewports expand in the scrolling direction to fill their container.In this case, a vertical
I/flutter ( 8182): viewport was given an unlimited amount of vertical space in which to expand. This situation
I/flutter ( 8182): typically happens when a scrollable widget is nested inside another scrollable widget.
I/flutter ( 8182): If this widget is always nested in a scrollable widget there is no need to use a viewport because
I/flutter ( 8182): there will always be enough vertical space for the children. In this case, consider using a Column
I/flutter ( 8182): instead. Otherwise, consider using the "shrinkWrap" property (or a ShrinkWrappingViewport) to size
I/flutter ( 8182): the height of the viewport to the sum of the heights of its children.
I/flutter ( 8182): 

Answer 1

以上解决方案均未达到预期效果。所以我已经解决了这个问题。您需要在 ExpansionTile 子项中的 Listview.builder() 中使用它：

shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),

完整代码：

                ExpansionTile( 
                    onExpansionChanged: (e){
                      //Your code
                    },
                    title: Text("You title text"),
                    children: [
                    ListView.builder(
                     shrinkWrap: true,
                     physics: NeverScrollableScrollPhysics(),
                     scrollDirection: Axis.vertical,
                     itemCount: items.length,
                     itemBuilder: (BuildContext context, int index){
                     return Text(items[index]);
                      }
                   )
                      
                    ],
                  ),

Answer 2

您的

ListView

的垂直尺寸是无限的，这使得它无法渲染。将 shrinkWrap

 的 

ListView 属性设置为

true

可以解决此问题。

Answer 3

将收缩包装和控制器添加到ListView.builder

final ScrollController _scrollController = ScrollController();


    ListView.builder(
          controller: _scrollController,
           shrinkWrap: true,
    ...

Answer 4

要解决在

shrinkWrap: true,

参数中使用

ListView

的问题。

Answer 5

我尝试了很多方法，终于找到了解决办法。

使用此代码代替 ListView.Builder。

...List.generate(plist.length, (索引) {

          return  Text('Text');
        }),