Flutter中如何让其余列高度与第一列保持一致？

要让右侧图片列表和卡片列表的高度与左侧Form完全一致，核心是让Row的子元素自动拉伸匹配高度，修改以下几点：

1. 调整Row交叉轴对齐方式：把crossAxisAlignment: CrossAxisAlignment.start改成CrossAxisAlignment.stretch，这样所有Expanded子元素会自动拉伸到Row的最大高度（也就是左侧Form的高度）。
2. 删除固定高度限制：去掉右侧两个Container的height: 400，避免固定高度阻碍自适应。
3. 可选：让Form列占满垂直空间：给左侧Form的Column加上mainAxisSize: MainAxisSize.max，确保Form内容不足时也能填满Row分配的高度。

修改后的完整代码：

child: Row(
  // 关键修改：改为stretch实现高度拉伸匹配
  crossAxisAlignment: CrossAxisAlignment.stretch,
  children: [
    Expanded(
      flex: 1,
      child: Form(
        key: _formKey,
        child: Column(
          // 可选：让Form列占满垂直可用空间
          mainAxisSize: MainAxisSize.max,
          children: <Widget>[
            // List of Form Fields
          ],
        ),
      ),
    ),
    SizedBox(width: 30),
    Expanded(
      flex: 1,
      child: Container(
        width: 50,
        child: ListView.builder(
          scrollDirection: Axis.vertical,
          itemCount: ImageList.length,
          itemBuilder: (BuildContext context, int index) {
            return Container(
              height: 300,
              width: 50,
              child: Image.network(ImageList[index].image_path),
            );
          },
        ),
      ),
    ),
    SizedBox(width: 30),
    Expanded(
      flex: 1,
      child: Container(
        width: 50,
        child: ListView.builder(
          scrollDirection: Axis.vertical,
          itemCount: QuestionList.length,
          itemBuilder: (BuildContext context, int index) {
            return Card(
              color: Colors.grey[300],
              child: Padding(
                padding: const EdgeInsets.all(8.0),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children:[
                    Text(QuestionList[index].question),
                    Text(QuestionList[index].answer),
                  ],
                ),
              ),
            );
          },
        ),
      ),
    ),
  ],
),

原理说明：

• CrossAxisAlignment.stretch会强制Row内所有子元素高度与Row本身高度一致，而Row的高度由最高的子元素（左侧Form）决定。
• 移除固定高度后，ListView会自动填充父容器高度：列表内容超出时自动滚动，内容不足时则占满整个容器高度。

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