由于ListView本质上有一个无限的高度，它会导致一个错误。

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

这里我们应该使用Flexible小部件，因为它只会占用它所需要的空间，而Expanded则会占用全屏，即使没有足够的小部件来呈现全屏。

您可以检查控制台输出。打印错误:

在performResize()期间抛出了以下断言: 水平视口的高度是无界的。 视口在交叉轴上展开以填充它们的容器并约束它们的子容器以匹配 它们在横轴上的范围。在这种情况下，水平视口被赋予无限数量的 用于展开的垂直空间。

您需要向水平列表添加高度限制。例如，包装在容器高度:

Container(
  height: 44.0,
  child: ListView(
    scrollDirection: Axis.horizontal,
    children: <Widget>[
      RaisedButton(
        onPressed: null,
        child: Text("Facebook"),
      ),
      Padding(padding: EdgeInsets.all(5.00)),
      RaisedButton(
        onPressed: null,
        child: Text("Google"),
      )
    ],
  ),
)

我也有这个问题。我的解决方案是使用扩展小部件来扩大剩余空间。

Column(
  children: <Widget>[
    Expanded(
      child: horizontalList,
    )
  ],
);

错误原因:

列在主轴方向(纵轴)扩展到最大，ListView也是如此。

解决方案:

你需要限制ListView的高度。有很多方法可以做到这一点，你可以选择最适合你的需要。

如果你想让ListView占用Column内的所有剩余空间，请使用Expanded。 列( 孩子们:<部件> ( Expanded(// <——使用Expanded 孩子:列表视图(…), ） ), ）

如果你想限制你的ListView到一定的高度，使用sizebox。 列( 孩子们:<部件> ( SizedBox ( height: 200， //约束高度。 孩子:列表视图(…), ） ), ）

如果你的ListView很小，你可以尝试使用shrinkWrap属性。 列( 孩子们:<部件> ( 列表视图( shrinkWrap: true， //设置 ） ), ）

如果你想让ListView尽可能小，使用Flexible with ListView. shrinkwrap: 列( 孩子们:<部件> ( Flexible(// <——使用Flexible 孩子:列表视图( shrinkWrap: true， //设置这个 )， ） ), ）

另外，您可以尝试使用CustomScrollView

CustomScrollView(
      controller: _scrollController,
      slivers: <Widget>[
        SliverList(
          delegate: SliverChildBuilderDelegate(
            (BuildContext context, int index) {
              final OrderModel order = _orders[index];

              return Container(
                margin: const EdgeInsets.symmetric(
                  vertical: 8,
                ),
                child: _buildOrderCard(order, size, context),
              );
            },
            childCount: _orders.length,
          ),
        ),
        SliverToBoxAdapter(
          child: _buildPreloader(context),
        ),
      ],
    );

提示:_buildPreloader返回CircularProgressIndicator或Text

在我的情况下，我想在ListView下显示一些小部件。我不喜欢使用列，因为列中的ListView周围的小部件总是在屏幕上显示“向上”，比如“绝对位置”

对不起，我的英语不好

  Column(
    children: <Widget>[
      Text('Leading text widget'),
      ListView(
        shrinkWrap: true,
        physics: NeverScrollableScrollPhysics(),
        children: <Widget>[
          ListTile(
            leading: Icon(Icons.map),
            title: Text('Map'),
          ),
          ListTile(
            leading: Icon(Icons.photo_album),
            title: Text('Album'),
          ),
          ListTile(
            leading: Icon(Icons.phone),
            title: Text('Phone'),
          ),
        ],
      ),
      Text('More widget'),
    ],
  );

只使用

shrinkWrap: true,

physics: NeverScrollableScrollPhysics(),

listView中的属性