列的子元素的动态高度

要解决这个问题，可以使用 Flexible 和 Expanded Widget。Flexible 将子元素调整为剩余空间的比例大小，而 Expanded 将子元素调整为合适的大小，使它占用剩余空间。下面是一个示例代码片段：

Column(
    children: <Widget>[
        Flexible(
            flex: 1,
            child: Container(
                color: Colors.red,
                height: 100,
            ),
        ),
        Expanded(
            flex: 2,
            child: Container(
                color: Colors.green,
                height: 100,
            ),
        ),
        Flexible(
            flex: 3,
            child: Container(
                color: Colors.blue,
                height: 100,
            ),
        ),
    ],
);

在这个示例中，每个子元素都有不同的 flex 值，以指定它们在剩余空间中所占比例的大小。Expanded 子元素将占用剩余空间，而 Flexible 子元素则会自适应大小。这样，即使子元素的高度是动态变化的，它们也可以正确地占用父元素的空间。