SwiftUI中获取动态View高度，实现滚动切换控制方案

1. 定义视图高度传递的PreferenceKey #

先创建一个PreferenceKey，用来传递EntityHeaderView的实际高度值：

struct ViewHeightKey: PreferenceKey {
    static var defaultValue: CGFloat = 0
    static func reduce(value: inout CGFloat, nextValue: () -> CGFloat) {
        value = nextValue()
    }
}

2. 动态获取Header的实际高度 #

给EntityHeaderView添加背景GeometryReader，计算它的实际高度并通过Preference传递：

EntityHeaderView(bottomViewPopupData: $bottomViewPopupData)
    .background(GeometryReader { proxy in
        Color.clear.preference(
            key: ViewHeightKey.self,
            value: proxy.size.height
        )
    })

3. 调整滚动控制逻辑 #

在Home视图中新增状态变量存储Header高度，替换硬编码的静态值，根据实际高度判断滚动状态：

struct Home: View {
    @StateObject var manageScrollPosition = ManageScrollPosition()
    @State private var headerHeight: CGFloat = 0 // 存储Header实际高度

    var body: some View {
        GeometryReader { gReader in
            ScrollView {
                VStack {
                    EntityHeaderView(bottomViewPopupData: $bottomViewPopupData)
                        .background(GeometryReader { proxy in
                            Color.clear.preference(
                                key: ViewHeightKey.self,
                                value: proxy.size.height
                            )
                        })
                    EntityTabView(manageScrollPosition: manageScrollPosition)
                        .frame(height: gReader.size.height)
                    
                }
                .background(GeometryReader {
                    Color.clear.preference(key: ViewOffsetKey.self,
                                           value: -$0.frame(in: .named("scroll")).origin.y)
                })
                // 更新Header高度
                .onPreferenceChange(ViewHeightKey.self) { newHeight in
                    headerHeight = newHeight
                }
                // 根据实际高度判断滚动状态
                .onPreferenceChange(ViewOffsetKey.self) { offset in
                    // 滚动偏移未达到Header高度时，允许主ScrollView滚动；否则禁用
                    manageScrollPosition.isScrollEnable = offset < headerHeight
                }
            }
            .coordinateSpace(name: "scroll")
            .introspectScrollView { scrollView in
                scrollView.bounces = manageScrollPosition.isScrollEnable
                scrollView.isScrollEnabled = manageScrollPosition.isScrollEnable
            }
        }
    }
}

关键说明 #

• 该方案完全摆脱了硬编码高度的依赖，不管EntityHeaderView是自适应布局还是动态内容，都能准确获取实际渲染高度。
• 滚动判断逻辑：当主ScrollView的滚动偏移量小于Header高度时，说明Header还未完全收起，允许主滚动；当偏移量达到或超过Header高度，说明TabView已滚动到顶部，此时禁用主ScrollView，让子视图内的List接管滚动。
• 初始状态下headerHeight为0，主ScrollView默认允许滚动，待Header渲染完成后会自动更新高度并修正滚动逻辑。

内容的提问来源于stack exchange，提问作者Vikash Kumar Chaubey