Flutter列表项较少时如何让组件自动收缩高度

我正在制作一个包含两个ListView的组件（分别位于Groups和Alerts标题下方），需要为其设置最小与最大高度。已通过ConstrainedBox实现最大高度，但最小高度设置未生效。理想状态下，当两个列表项数量较少时，整个组件能自动收缩，例如一个列表仅2项、另一个无项时，希望组件收缩至当前尺寸的一半左右。通过Widget Inspector观察发现，列表本身未占用多余空间，但Column却占满父组件允许的所有空间。尝试设置mainAxisSize: MainAxisSize.min，却无效果，请问如何阻止Column占用多余空间？

代码示例：

return ConstrainedBox(
  constraints: const BoxConstraints(maxHeight: 300, minHeight: 50),
  child: Row(
    crossAxisAlignment: CrossAxisAlignment.stretch,
    children: [
      Flexible(
        flex: 1,
        child: Card(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              const Padding(padding: EdgeInsets.all(10), child: Text("Groups")),
              const Divider(),
              ListView.builder(
                  shrinkWrap: true,
                  itemCount: 2,
                  itemBuilder: (context, index) => ListTile(
                        ...
                      ))
            ],
          ),
        ),
      ),
      Flexible(
        flex: 1,
        child: Card(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              const Padding(padding: EdgeInsets.all(10), child: Text("Alerts")),
              const Divider(),
              ListView.builder(
                  shrinkWrap: true,
                  itemCount: 2,
                  itemBuilder: (context, index) => ListTile(
                        ...
                      ))
            ],
          ),
        ),
      ),
    ],
  ),
);

问题核心在于Row的crossAxisAlignment: CrossAxisAlignment.stretch属性——它会强制所有子组件（两个Flexible）拉伸至Row的最大可用高度，导致内部的Column即使设置了mainAxisSize: MainAxisSize.min也被强制撑满，无法收缩。

按以下步骤修改即可解决：

• 移除Row的强制拉伸属性：将Row的crossAxisAlignment改为CrossAxisAlignment.start或CrossAxisAlignment.center，让子组件高度由自身内容决定。
• 给Column设置mainAxisSize.min：为每个Card内部的Column添加mainAxisSize: MainAxisSize.min，确保Column仅包裹自身内容，不占用多余空间。
• 优化ListView的滚动行为：给ListView.builder添加physics: const NeverScrollableScrollPhysics()，因为shrinkWrap: true时列表高度已适配内容，无需滚动（可选，避免滚动冲突）。

修改后的代码：

return ConstrainedBox(
  constraints: const BoxConstraints(maxHeight: 300, minHeight: 50),
  child: Row(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      Flexible(
        flex: 1,
        child: Card(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            mainAxisSize: MainAxisSize.min,
            children: [
              const Padding(padding: EdgeInsets.all(10), child: Text("Groups")),
              const Divider(),
              ListView.builder(
                shrinkWrap: true,
                physics: const NeverScrollableScrollPhysics(),
                itemCount: 2,
                itemBuilder: (context, index) => const ListTile(
                  title: Text("Group Item"),
                ),
              ),
            ],
          ),
        ),
      ),
      Flexible(
        flex: 1,
        child: Card(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            mainAxisSize: MainAxisSize.min,
            children: [
              const Padding(padding: EdgeInsets.all(10), child: Text("Alerts")),
              const Divider(),
              ListView.builder(
                shrinkWrap: true,
                physics: const NeverScrollableScrollPhysics(),
                itemCount: 0, // 测试无数据时的收缩效果
                itemBuilder: (context, index) => const ListTile(
                  title: Text("Alert Item"),
                ),
              ),
            ],
          ),
        ),
      ),
    ],
  ),
);

现在组件会根据列表内容自动调整高度，同时受ConstrainedBox的minHeight（50）和maxHeight（300）约束：当内容高度小于50时，会被拉伸至50；当内容超过300时，会被限制在300高度内。

内容的提问来源于stack exchange，提问作者Darc