SwiftUI：禁用父ScrollView滚动但允许内部List滚动

问题根源在于scrollDisabled(true)会禁用整个ScrollView容器及其所有子视图的滚动交互，因此内部List的scrollDisabled(false)无法生效。以下是两种可行的实现方式：

方法一：拦截ScrollView的水平拖拽手势（简洁版） #

给外层水平ScrollView添加一个空的DragGesture，优先捕获水平拖拽事件，阻止ScrollView自身响应滚动，同时不影响内部List的垂直滚动（手势方向不同，不会被拦截）。

修改后的完整代码：

struct TestScroll: View {
    @State var scrollId: String = "first"
    var body: some View {
        GeometryReader { geoProxy in
            VStack {
                ScrollView(.horizontal) {
                    ScrollViewReader { scrollProxy in
                        HStack(spacing: 0) { // 移除默认间距，保证分页对齐
                            List(0..<25) { index in
                                Text("Item-\(index)")
                            }
                            .frame(width: geoProxy.size.width)
                            .id("first")
                            
                            Text("Second View")
                                .frame(width: geoProxy.size.width)
                                .id("second")
                            
                            Text("Third View")
                                .frame(width: geoProxy.size.width)
                                .id("third")
                        }
                        .onChange(of: scrollId) { newValue in
                            scrollProxy.scrollTo(newValue, anchor: .topLeading)
                        }
                    }
                }
                .gesture(DragGesture()) // 拦截水平拖拽，阻止ScrollView滚动
                
                HStack(spacing: 20.0) {
                    Button("First View") { scrollId = "first" }
                    Button("Second View") { scrollId = "second" }
                    Button("Third View") { scrollId = "third" }
                }
                .padding()
            }
        }
    }
}

关键说明： #

• 移除了冗余的.tabViewStyle(.page)修饰符（该修饰符仅适用于TabView，对ScrollViewReader无效）
• 给HStack添加spacing: 0，保证分页视图完全对齐屏幕宽度
• 调用scrollTo时添加anchor: .topLeading，确保滚动定位更准确

方法二：精确控制手势方向（进阶版） #

如果需要更精细的手势过滤，只拦截水平方向的拖拽，不干扰垂直方向的交互，可以使用带方向判断的手势：

.scrollDisabled(false) // 先恢复ScrollView的滚动能力
.gesture(
    DragGesture(minimumDistance: 10)
        .onChanged { gestureValue in
            // 仅当拖拽方向为水平时，消耗手势阻止ScrollView滚动
            if abs(gestureValue.translation.width) > abs(gestureValue.translation.height) {
                // 空实现，消耗水平拖拽事件
            }
        }
)

这种方式更灵活，适合复杂交互场景，但对于你的需求来说，方法一已经足够简洁高效。

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