flutter - 在水平滚动视图中垂直包裹不同大小的项目 - Flutter

Question

我想在水平滚动视图内显示芯片，并显示尽可能多的行，以适应指定的SizedBox高度。任何不适合屏幕的芯片都应水平滚动，如下图所示。但是，我希望芯片彼此相邻而不是这些固定的列大小（即“饮食健康”和“脉搏检查”芯片应该彼此相邻。我的代码看起来像这样：

SizedBox(
  height: 200,
  child: SingleChildScrollView(
    direction: Axis.horizontal
    child: Wrap(
      direction: Axis.vertical,
      runSpacing: 10.0,
      spacing: 8.0,
      children: chipNames
          .map(
            (e) => SelectableChip(
              label: e,
              modChipSelected: modChipEmotion,
            ),
          )
          .toList(),
    ),
  ),
);

这就是我得到的（SizedBox 正确地确定了高度并且水平滚动视图有效，我只是在列之间得到了死区）：