SwiftUI子视图展开时VStack/LazyVStack高度自动重算方法

你现在遇到的高度不更新、内容截断问题，本质是三个布局逻辑冲突导致的：

1. 外层套的GeometryReader会优先抢占父视图给到的全部可用空间，不会根据内部子视图的实际高度自适应，等于你给滚动内容设了一个默认不超过父视图高度的硬上限，多卡片展开时总高度超过这个上限，内容自然会被截断。
2. 你封装的LegacyScrollView是基于UIScrollView做的桥接，SwiftUI层子视图动态显隐（展开/折叠卡片）带来的尺寸变化，不会自动触发UIScrollView更新contentSize；再加上市面上大部分LegacyScrollView的开源实现对内部LazyVStack的惰性渲染高度监听有缺陷，可见区域外的子视图高度不会被计入contentSize。
3. 之前你给LazyVStack设窗口高度作为minHeight时，VStack的布局起点是固定的，卡片展开时会同时向上下两个方向延伸，顶部就会被挤出可视区域；设minHeight为0时VStack从顶部开始布局，展开方向向下是符合预期的，但因为contentSize不更新，下方超出的内容就被截断。

以下是改动最小的落地方案，按步骤调整即可：

第一步：移除最外层不必要的GeometryReader #

不要把GeometryReader套在LegacyScrollView的最外层，GeometryReader本身是用来读取父视图尺寸的工具，不是用来给子视图做容器的，套在外层会直接打断子视图的高度向上传递链路。如果你的布局里确实需要用到屏幕尺寸、安全区等参数，把GeometryReader挪到具体需要用到参数的子组件内部即可，不要作为滚动视图的父容器。

修改后的滚动视图基础结构：

// 删掉外层GeometryReader包裹
LegacyScrollView(.vertical, showsIndicators: false) {
    Spacer(minLength: 40)
    // 卡片数量少于20个直接换VStack，避免惰性渲染的高度计算问题
    VStack(spacing: 0) {
        ForEach(mapsViewModel.placedMarkers, id: \.id) { _placeObject1 in
            InfoCell(placeObject: _placeObject1)
                .environmentObject(mapsViewModel)
                .frame(maxWidth: .infinity, alignment: .top)
            Divider().foregroundColor(.white)
        }
    }
    .cornerRadius(25)
    .frame(maxWidth: .infinity, minHeight: 0, alignment: .top)
    .id(scrollContentID) // 绑定刷新标识
}
.onGestureShouldBegin{ pan, scrollView in
    scrollView.contentOffset.y > 0 || pan.translation(in: scrollView).y < 0
}
.onScroll{ test in
    print(test.contentOffset.y)
}
.padding(.top, 30)

第二步：添加滚动内容刷新触发机制 #

在持有滚动视图的父视图里加一个简单的状态变量，用来在卡片展开/折叠时强制ScrollView重新计算内容高度：

@State private var scrollContentID = UUID()

接下来把原来InfoCell里私有的expandCell状态上移，要么放到PlaceInfo的模型字段里，要么放到ViewModel里统一管理，只要任意卡片的展开状态变化，就更新这个id：

// 卡片点击回调里执行
scrollContentID = UUID()

这个id绑定在滚动内容的根视图上，id变化时SwiftUI会重新生成整个滚动内容的视图树，底层的LegacyScrollView就能读取到最新的内容总高度，自动更新contentSize，不会再出现内容截断。

补充适配说明 #

• 如果你的卡片数量确实很多（超过20个）必须用LazyVStack，那就需要给LegacyScrollView的封装加KVO监听，监听内部内容容器的bounds变化，自动更新UIScrollView的contentSize，不需要手动刷新id。但大部分场景下天气卡片的数量不会太多，换成普通VStack的性能完全足够，稳定性更高。
• 不要给VStack/LazyVStack设置任何和屏幕高度绑定的固定minHeight/maxHeight，宽度设为撑满父视图即可，高度完全由子视图自行撑出，卡片展开时就只会向下延伸，不会出现顶部内容被截断的问题。
• 你原来写的下拉手势判断逻辑不需要改动，只要contentSize计算正确，滚动到顶部时下拉关闭底部弹窗的交互会完全正常。

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