Flutter中Vertical viewport unbounded height布局问题求助

这个错误的核心原因很直接：Expanded不能放在没有确定高度约束的父组件里。

看你的代码，Markdown外层套了Expanded，但它的直接父级是Column(mainAxisSize: MainAxisSize.min)——这个Column的高度完全由子组件撑起来，属于「无界高度约束」，而Expanded的作用是强制占满父级的可用剩余空间，两者逻辑冲突，才会抛出这个错误。再加上外层已经有SingleChildScrollView负责处理滚动，根本不需要用Expanded来强制拉伸Markdown。

修复方案（适配后续添加组件的需求） #

直接去掉Markdown外层的Expanded，让Markdown根据自身内容高度渲染，外层的SingleChildScrollView会自动处理超出右侧容器的滚动逻辑。修改后的代码片段如下：

Expanded(
  flex: 2,
  child: Container(
    padding: const EdgeInsets.all(defaultPadding),
    decoration: BoxDecoration(
        color: colorScheme.secondary,
        borderRadius: BorderRadius.circular(20)),
    child: SingleChildScrollView(
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          // 这里可以直接添加你后续需要的组件，比如文本、按钮等
          Markdown(data: data), // 移除外层的Expanded
        ],
      ),
    ),
  )
)

如果后续你希望Markdown上方的组件固定，仅Markdown区域滚动，那可以调整结构：把固定组件放在SingleChildScrollView外面，Markdown单独套一个SingleChildScrollView并配合Expanded，比如：

Expanded(
  flex: 2,
  child: Container(
    padding: const EdgeInsets.all(defaultPadding),
    decoration: BoxDecoration(
        color: colorScheme.secondary,
        borderRadius: BorderRadius.circular(20)),
    child: Column(
      children: [
        // 固定在上方的组件，不会随滚动移动
        Text("这是上方固定的标题"),
        // 用Expanded让Markdown区域占满剩余空间，内部滚动
        Expanded(
          child: SingleChildScrollView(
            child: Markdown(data: data),
          ),
        ),
      ],
    ),
  )
)

两种方案都能解决高度约束错误，你可以根据实际需求选择。

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