SwiftUI 中 ScrollView 动态收缩展开顶部视图效果

var size: CGSize // 存储设备屏幕尺寸。
var safeArea: EdgeInsets // 存储设备的安全区域插图。
@State private var offsetY: CGFloat = 0 // 存储ScrollView的Y偏移量。

var body: some View {
    ScrollViewReader { scrollProxy in
        ScrollView(.vertical, showsIndicators: false) {
            VStack(spacing: 0) {
                // 头部视图
                HeaderView()
                    .zIndex(999) // 设置层次，保证HeaderView总是在顶层。
                
                // 卡片样本视图
                SampleCardsView()
            }
            .id("SCROLLVIEW")
            .background {
                // ScrollDetector监测滚动事件
                ScrollDetector { offset in
                    offsetY = -offset // 更新偏移量
                } onDraggingEnd: { offset, velocity in
                    let headerHeight = (size.height * 0.3) + safeArea.top
                    let minimumHeaderHeight = 65 + safeArea.top
                    
                    let targetEnd = offset + (velocity * 45)
                    
                    // 控制滚动结束后的位置
                    if targetEnd < (headerHeight - minimumHeaderHeight) && targetEnd > 0 {
                        withAnimation(.interactiveSpring(response: 0.55, dampingFraction: 0.65, blendDuration: 0.65)) {
                            scrollProxy.scrollTo("SCROLLVIEW", anchor: .top)
                        }
                    }
                }
            }
        }
    }
}