Flutter列表容器高度自适应：设置300最大上限避免固定撑满

• 包裹ListView.builder的Expanded组件，会强制占满Column分配的所有剩余空间，完全无视ListView的实际内容高度，哪怕只有1条分支数据，也会把ListView撑到填满剩余空间，最终顶到Container的300最大高度上限。
• ListView.builder未配置shrinkWrap: true，默认作为滚动容器会优先撑满父组件分配的可用空间，不会随自身子项总高度收缩。
• 外层Column未设置mainAxisSize: MainAxisSize.min，默认会撑满父组件给的所有高度，无法随子内容自适应收缩。

• 移除包裹ListView.builder的Expanded组件。
• 给ListView.builder添加shrinkWrap: true，让ListView高度跟随自身子项总高度自适应。
• 给外层Column设置mainAxisSize: MainAxisSize.min，让Column高度随子内容自适应。
• 按需调整Container的约束：
  • 若要实现“仅1条条目时高度完全匹配内容实际高度”，移除minHeight: 170，仅保留maxHeight: 300作为高度上限。
  • 若需要保留最小高度（避免容器过矮），可保留minHeight配置。

Container(
  decoration: BoxDecoration(
    color: Theme.of(context).primaryColorDark,
    borderRadius: const BorderRadius.all(Radius.circular(10)),
  ),
  constraints: const BoxConstraints(
    maxHeight: 300,
    // 如需最小高度可取消下一行注释
    // minHeight: 170,
  ),
  width: double.infinity,
  padding: const EdgeInsets.all(8),
  margin: const EdgeInsets.only(left: 16, right: 16),
  child: Column(
    mainAxisSize: MainAxisSize.min,
    children: [
      Align(
        alignment: Alignment.centerLeft,
        child: Text(
          'Select Branch',
          style: TextStyle(
            color: Colors.white,
            fontSize: 20,
            fontWeight: FontWeight.bold,
          ),
        ),
      ),
      const SizedBox(height: 8),
      Align(
        alignment: Alignment.centerLeft,
        child: Padding(
          padding: const EdgeInsets.only(left: 8.0),
          child: Text(
            'Number of branches = ${_branches.length}',
            style: const TextStyle(color: Colors.grey, fontSize: 10),
          ),
        ),
      ),
      const SizedBox(height: 16),
      ListView.builder(
        shrinkWrap: true,
        physics: const ClampingScrollPhysics(),
        itemCount: _branches.length,
        itemBuilder: (ctx, i) {
          return GestureDetector(
            child: Card(
              elevation: 8,
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(12),
              ),
              color: Theme.of(context).backgroundColor,
              child: Container(
                padding: const EdgeInsets.all(20),
                child: Row(
                  mainAxisSize: MainAxisSize.min,
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text(
                      _branches[i].branchDistrict.name,
                      style: const TextStyle(
                        color: Colors.white,
                        fontSize: 16,
                      ),
                    ),
                    (_selectedBranchChecked == i)
                        ? Container(
                            height: 40,
                            width: 40,
                            child: Image.asset(
                              getAssetsName(AssetsImage.checkIcon),
                              fit: BoxFit.cover,
                            ),
                          )
                        : Container(
                            padding: const EdgeInsets.only(top: 5, bottom: 5),
                            height: 40,
                            width: 40,
                            decoration: const BoxDecoration(
                              shape: BoxShape.circle,
                              color: Colors.white,
                            ),
                            child: const SizedBox(),
                          ),
                  ],
                ),
              ),
            ),
          );
        },
      ),
    ],
  ),
)

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