flutter - ListView 不会在横轴上增长

Question

常规的垂直 ListView 将填充两个轴上的所有空间，shr​​inkWrap 将使其在主轴上收缩，但是，我怎样才能让它在主轴上收缩横轴，只占用最大的 child 需要的空间，同时受到最大可用水平空间的限制？像这样:

Answer 1

你不能。

仅当子项在屏幕上可见时才会对其进行布局。这意味着 ListView 不知道其子项的最大横轴大小。

如果您有少量子项，您可以将 ListView 替换为 SingleChildSrollView，然后添加一个包含所有子项的 Column 作为子项 children

 SingleChildScrollView(
    physics: BouncingScrollPhysics(),
    child: Column(
      mainAxisSize: MainAxisSize.min,
      children: <Widget>[
        Container(
          color: Colors.red,
          width: 50.0,
          height: 200.0,
        ),
        Container(
          color: Colors.yellow,
          width: 100.0,
          height: 200.0,
        ),
        Container(
          color: Colors.red,
          width: 50.0,
          height: 200.0,
        ),
        Container(
          color: Colors.red,
          width: 50.0,
          height: 200.0,
        ),
      ],
    ),
  ),