SwiftUI中List的.refreshable修饰符误作用于内部ScrollView的问题咨询

方法1：将刷新触发限制在独立区域 #

不要直接给整个List添加.refreshable，而是在List的顶部放置一个专门的触发视图（比如高度为0的透明视图），仅给这个视图绑定刷新逻辑。这样只有下拉List顶部区域才会触发刷新，内部的水平ScrollView不会受到影响：

List {
    // 仅让这个透明视图承载刷新逻辑
    Color.clear
        .frame(height: 0)
        .refreshable {
            // 你的刷新操作
        }
    
    // 原列表内容，包含带水平ScrollView的子视图
    YourHorizontalScrollViewItem()
    // ...其他列表项
}

方法2：覆盖水平ScrollView的刷新行为 #

利用SwiftUI修饰符的向下传递特性，给每个内部的水平ScrollView添加一个空实现的.refreshable，以此覆盖父List的刷新逻辑，让水平ScrollView不再响应垂直下拉刷新：

struct YourHorizontalScrollViewItem: View {
    var body: some View {
        ScrollView(.horizontal) {
            // 水平滚动内容
            HStack {
                ForEach(0..<10) { index in
                    Text("Item \(index)")
                        .padding()
                }
            }
        }
        .refreshable {} // 空实现，阻止父视图的刷新生效
    }
}

方法3：自定义下拉刷新组件 #

放弃系统的.refreshable，基于ScrollView和GeometryReader实现自定义下拉刷新逻辑。通过监听垂直滚动的偏移量来触发刷新，完全控制触发条件，不会影响任何水平ScrollView：

struct CustomRefreshList: View {
    @State private var isRefreshing = false
    @State private var scrollOffset: CGFloat = 0
    
    // 模拟刷新任务
    private func performRefresh() {
        isRefreshing = true
        DispatchQueue.main.asyncAfter(deadline: .now() + 2) {
            isRefreshing = false
        }
    }
    
    var body: some View {
        ScrollView {
            VStack {
                // 刷新指示器
                if isRefreshing {
                    ProgressView("加载中...")
                        .padding(.vertical)
                }
                
                // 原列表内容
                YourHorizontalScrollViewItem()
                // ...其他列表项
            }
            .background(
                GeometryReader { proxy in
                    Color.clear
                        .preference(key: ScrollOffsetKey.self, value: proxy.frame(in: .global).minY)
                }
            )
        }
        .onPreferenceChange(ScrollOffsetKey.self) { offset in
            scrollOffset = offset
            // 当下拉超过阈值且未在刷新时触发刷新
            if scrollOffset > 60 && !isRefreshing {
                performRefresh()
            }
        }
    }
}

// 自定义PreferenceKey监听滚动偏移
private struct ScrollOffsetKey: PreferenceKey {
    static var defaultValue: CGFloat = 0
    static func reduce(value: inout CGFloat, nextValue: () -> CGFloat) {
        value = nextValue()
    }
}

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