如何让SwiftUI的ScrollView具备List的懒加载性能以替代List？

要让ScrollView拥有List那样的懒加载特性（仅当元素进入可视区域时初始化视图并触发onAppear），核心是使用LazyVStack（垂直滚动场景）或LazyHStack（水平滚动场景）替代普通的VStack/HStack。Lazy系列容器的设计逻辑和List一致，只会按需创建可视范围内的元素，既保留性能优势，又能让你完全自定义视图外观，摆脱List的默认样式限制。

针对你提供的代码，修改后的实现如下：

struct Content: View {
    let tempoList: [String] = ["Mark", "Bill", "John", "Jeff", "Andrew"]
    
    var body: some View {
        ScrollView {
            // 用LazyVStack实现懒加载逻辑
            LazyVStack(spacing: 0) { // 自定义行间距，替代List默认间距
                ForEach(tempoList, id: \.self) { _ in
                    ForEach(tempoList, id: \.self) { name in
                        Text("\(name)")
                            .padding() // 自定义内边距，替代List默认内边距
                            .onAppear {
                                print(name)
                            }
                    }
                }
            }
        }
    }
}

关键说明： #

• LazyVStack：这是实现懒加载的核心，它只会在元素滚动到屏幕内时才初始化对应的View并触发onAppear回调，性能表现和List完全一致。
• 完全自定义外观：你可以自由调整每个item的内边距、背景色、分隔线（比如在Text下方添加Divider()），彻底摆脱List的默认样式约束。
• 内存优化：LazyVStack同样会自动回收屏幕外的元素，避免内存占用过高，和List的内存管理逻辑一致。

如果需要水平滚动，只需把ScrollView和LazyVStack换成ScrollView(.horizontal)和LazyHStack即可。

内容的提问来源于stack exchange，提问作者Steven-Carrot