列内的ListView引发错误'垂直视口被赋予无限制的高度'

2024-05-20 • 问答

我的问题似乎是ListView inside Column causes 'Vertical viewport was given unbounded height'的重复，但是在Expanded周围添加Flexible或ListView小部件的解决方案根本不起作用。它仍然引发相同的错误：Vertical viewport was given unbounded height.

var data = ['a','b','c','d'];

Column(
  children: <Widget>[
    ListView.builder(
      itemCount: data.length,itemBuilder: (ctx,i) {
        return Row(
          children: <Widget>[
            Text(data[i],style: TextStyle(fontSize: 24 * Rat.rat,color: Colors.white)),],);
      },),);

显然，可以通过在ListView周围添加一个具有固定高度的容器来轻松地对其进行修复，但是我不需要它，我希望它可以动态调整大小。

更新：

尝试这样的事情：

    class Esempio1 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("WAKAWAKA"),),body: Container(
        child: Column(
          children: <Widget>[
            Text("eg1"),Text("eg2"),Text("eg3"),Expanded(
              child: ListView.builder(
                itemCount: 20,itemBuilder: (ctx,i){
                  return ListTile(title: Text("aaaaaa$i"),);
                },)
          ],);
  }
}

我刚刚尝试了这段代码，它应该可以执行您想要的操作。

OP实际上在另一个Column中包含了代码块，这就是Expanded不能正常工作的原因，它包裹在ListView周围。将Column包裹在另一个Expanded中解决了该问题，并使其按预期工作。

如何在SingleChildScrollView中包装ListView构建器并将其物理设置为

 physics: NeverScrollableScrollPhysics(),

列内的ListView引发错误'垂直视口被赋予无限制的高度'

tulianzhi 回答：列内的ListView引发错误'垂直视口被赋予无限制的高度'

大家都在问