有很多答案，但每一个都有自己的局限性。每个人都在说使用shrinkWrap:没错。是的，你应该使用它，但这些代码的效果是，当你滚动列表时，它会自动移动到顶部项目，这意味着滚动回顶部。 所以完美的解决方案是使用物理收缩包装，只有列表才能顺利滚动。

      shrinkWrap: true,          //
      physics: ScrollPhysics(),  // both line is mandatory

如果你想看Listview的其他例子。生成器与列作为子和列表可以垂直滚动，然后你可以看到这里的例子-在垂直列表中排列多个文本。

虽然shrinkWrap可以做到，但你不能在ListView中滚动。

如果你想要滚动功能，你可以添加物理属性:

ListView.builder(
    scrollDirection: Axis.vertical,
    shrinkWrap: true,
    physics: ScrollPhysics(),
...

我做了一个自定义函数来解决你的问题。 你可以直接在你的代码库中使用这个函数:

Widget horizontalListView(height, width, color, child, margin) {
return Column(
  children: [
    SizedBox(
      height: 200,
      child: ListView.builder(
        itemCount: 10,
        shrinkWrap: true,
        scrollDirection: Axis.horizontal,
        itemBuilder: (context,index) {
          return Container(
            height: height,
            width: width,
            margin: EdgeInsets.all(margin),
            color: color,
            child: child
          );
        }
      ),
    ),
  ],
 );
})

附注:对不起，代码对齐不好。

我们可以用两种方法来解决上述问题

1. 使用灵活的部件，

Flexible小部件可以在Row、Column和Flex中使用。扩展以填充主轴中的可用空间的灵活性(例如，水平扩展[Row]或垂直扩展[Column])

但是，请记住，与Expanded不同，The Flexible小部件不需要子部件填充可用空间。所以，最好使用Flexible。

Column(
  children: <Widget>[
    Flexible( 
      child: ListView(...),
    ),
  ],
)

2. 使用shrinkWrap: true

使用shrinkWrap为true，我们告诉Listview渲染它的List到可用空间，而不是在剩余屏幕以下。

Column(
  children: <Widget>[
    ListView(
      shrinkWrap: true, 
    ),
  ],
)

此外，物理属性可以用来允许/禁止滚动Listview

停止滚动

 ListView(
      shrinkWrap: true, 
      physics: NeverScrollableScrollPhysics(),
    ),

允许滚动

 ListView(
      shrinkWrap: true, 
      physics: ScrollPhysics(),
    ),

 

如果你使用CustomScrollView

你可以试试SliverFillRemaining

这通常发生在你试图在一个列中使用一个ListView/GridView时，有很多方法来解决它，我在这里列出了几个。

将ListView包装为Expanded 列( 孩子们:<部件> ( Expanded(// wrap in Expanded . 孩子:列表视图(…), )， ), ） 在sizebox中包装ListView并给出一个有界的高度 列( 孩子们:<部件> ( SizedBox ( 高度:400，//固定高度 孩子:列表视图(…), )， ), ） 在ListView中使用shrinkWrap: true。 列( 孩子们:<部件> ( 列表视图( shrinkWrap: true， //使用这个 )， ), ）