SwiftUI 中给 ForEach 添加 .refreshable 实现下拉刷新失效如何解决？

核心原因 #

.refreshable 修饰器仅对 List、ScrollView 这类自带滚动能力的容器组件生效，ForEach 只是批量生成视图的语法结构，本身不具备滚动属性，因此绑定在 ForEach 上的下拉刷新逻辑无法被触发。

解决方案 #

使用 ScrollView + LazyVStack + ForEach 的组合替代原生 List，将 .refreshable 绑定到最外层的 ScrollView 上即可，既可以完全自定义列表样式，也能使用原生的下拉刷新能力：

// 你的测试加载方法不变
func load() async {
    await Task.sleep(2 * 1_000_000_000)
}

// 布局代码示例
var body: some View {
    ScrollView {
        // LazyVStack 自带懒加载能力，性能和原生 List 一致，可直接自定义全局间距
        LazyVStack(spacing: 20) {
            ForEach(dataSource) { item in
                // 完全自定义的列表元素视图，无 List 自带的角标、分割线、高亮限制
                CustomItemView(item: item)
                    .onTapGesture {
                        // 自定义点击逻辑
                    }
            }
        }
        .padding(.horizontal, 16) // 可灵活调整全局边距
    }
    // 给 ScrollView 添加原生 refreshable 能力
    .refreshable {
        await load()
    }
}

额外优化建议 #

• 若列表元素数量较少，可把 LazyVStack 替换为普通 VStack，性能无差异
• 不需要添加 .listRowSeparator 这类 List 专属的样式修饰符，ScrollView 组合默认没有 List 的所有内置样式，可完全按需求自定义圆角、点击效果、边距等属性
• 如果需要自定义点击高亮效果，给元素添加 .buttonStyle(.plain) 即可完全消除默认的蓝色高亮样式

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