如何使用 LazyVStack 和 LazyHStack 延迟加载视图?

5 min read

使用 LazyVStack 和 LazyHStack 是延迟加载视图的有效方式,因为它们只在需要时才创建视图。可以通过以下步骤来使用 LazyVStack 和 LazyHStack 延迟加载视图:

  1. 导入 SwiftUI 框架:
import SwiftUI
  1. 创建需要显示的数据集合变量并初始化,如:
let dataArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
  1. 创建一个 LazyVStack 或 LazyHStack 视图,指定数据集合变量并定义视图行为,如:
LazyVStack {
    ForEach(dataArray, id: \.self) { item in
        Text("Item \(item)")
    }
}
  1. 部署视图实例,如:
struct ContentView: View {
    var body: some View {
        LazyVStack {
            ForEach(dataArray, id: \.self) { item in
                Text("Item \(item)")
            }
        }
    }
}

以上是使用 LazyVStack 和 LazyHStack 延迟加载视图的简单步骤。在实际应用中,可以根据需要调整视图行为和数据集合,以符合特定的应用场景。