SwiftUI仿Twitter个人页resizable header回滚失效问题

你的代码存在3个核心问题，导致向下回滚时头部无法重新显示：

• 布局结构错误：你把头部视图、操作按钮、用户信息模块全部放在ScrollView外部，通过if isHide == false直接整块移除视图。当头部被隐藏时，ScrollView的整体布局会直接上移等于头部总高度的距离，你放在LazyVStack里的GeometryReader坐标基准会直接跳变，永远无法触发yAxis > 0的显示判断条件。
• 阈值逻辑错误：你将隐藏触发阈值写死为UIScreen.main.bounds.height / 2，这个值远大于头部实际高度，滚动时触发隐藏的时机完全不对；同时显示判断的阈值yAxis > 0在头部被移除、布局上移后永远无法满足。
• 状态更新写法错误：在GeometryReader的视图构建闭包中直接通过DispatchQueue.main.async触发带动画的状态更新，而这个闭包会在滚动时每帧调用数十次，会引发渲染循环冲突，导致状态更新混乱、布局反复跳动。

不要通过直接移除/添加视图实现头部显隐，调整布局结构，将所有头部内容放入滚动容器内，用固定的滚动偏移阈值控制头部折叠，具体修改点如下：

1. 替换原有状态定义，新增滚动偏移存储变量，移除不合理的固定屏幕高度判断

struct ProfileView: View {
    @State private var isHide = false
    // 新增滚动偏移存储
    @State private var scrollOffset: CGFloat = 0
    @State private var selectionFilter: TweetFilterViewModel = .tweets
    @Namespace var animation
    
    // 自定义滚动触发阈值，可根据效果调整
    private let hideOffsetThreshold: CGFloat = -120
    private let showOffsetThreshold: CGFloat = -20

2. 调整整体布局，把头部模块全部移入ScrollView的LazyVStack中，利用SwiftUI的pinnedViews实现筛选栏自动吸顶（和Twitter原生效果一致），把GeometryReader放在滚动内容最顶部仅做偏移量读取，不要在其中直接处理显隐逻辑

var body: some View {
    VStack(alignment: .leading) {
        ScrollView(showsIndicators: false) {
            LazyVStack(alignment: .leading, spacing: 0, pinnedViews: [.sectionHeaders]) {
                // 偏移量监听视图，放在滚动内容最顶部
                GeometryReader { reader -> Color in
                    let offset = reader.frame(in: .global).minY
                    DispatchQueue.main.async {
                        scrollOffset = offset
                    }
                    return Color.clear
                }
                .frame(height: 0)
                
                // 头部模块全部移入滚动容器，用透明度+高度收缩实现平滑隐藏，不要直接if移除
                headerView
                    .opacity(isHide ? 0 : 1)
                    .frame(height: isHide ? 0 : 96)
                    .clipped()
                
                actionButtons
                    .opacity(isHide ? 0 : 1)
                    .frame(height: isHide ? 0 : nil)
                    .clipped()
                
                userInfoDetails
                    .opacity(isHide ? 0 : 1)
                    .frame(height: isHide ? 0 : nil)
                    .clipped()
                
                // 推文筛选栏作为段头自动吸顶
                Section {
                    ForEach(0...9, id: \.self) { _ in
                        TweetRowView()
                    }
                } header: {
                    tweetFilterBar
                        .background(.white)
                        .padding(0)
                }
            }
        }
        // 统一监听偏移量变化，处理头部显隐逻辑
        .onChange(of: scrollOffset) { newValue in
            withAnimation(.easeInOut(duration: 0.2)) {
                if newValue < hideOffsetThreshold && !isHide {
                    isHide = true
                } else if newValue > showOffsetThreshold && isHide {
                    isHide = false
                }
            }
        }
        
        Spacer()
    }
}

3. 原有headerView、actionButtons、userInfoDetails、tweetFilterBar的扩展代码不需要修改，直接保留即可。
   修改后向上滚动超过120pt时头部会平滑折叠隐藏，向下回滚到离顶部20pt位置时头部会自动平滑展开，和Twitter个人主页的交互逻辑一致。

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