iOS17中SwiftUI ScrollView添加safeAreaInset后触控失效求解

问题分析 #

在iOS17中，使用safeAreaInset为ScrollView添加顶部安全区域后，滚动至该区域内的按钮无法响应点击。这是因为safeAreaInset的默认内容视图会拦截点击事件，阻止下方ScrollView的内容接收交互。

解决方案 #

给safeAreaInset的内容添加.allowsHitTesting(false)修饰符，让点击事件可以穿透到下方的ScrollView内容，同时保留移动刷新指示器的核心功能：

ScrollView {
    VStack {
        ForEach(0..<100, id: \.self) { i in
            Button("Button \(i)") { print("tapped \(i)") }
        }
    }
    .frame(maxWidth: .infinity)
}
.safeAreaInset(edge: .top, content: {
    Spacer().frame(width: 0, height: 500)
        .allowsHitTesting(false) // 添加该修饰符
})

原理说明 #

.allowsHitTesting(false)会禁用当前视图的点击交互能力，当用户点击这个安全区域视图时，事件会向下传递到ScrollView内部的内容，按钮就能正常响应点击。同时safeAreaInset依然能起到扩展ScrollView安全区域、调整刷新指示器位置的作用，完全匹配你的核心需求。

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