Cd97e06ea1da5831bb02a6a3cbd3dcf8
SwiftUI ScrollView和LazyVStack正确使用方法 (教程含源码)

实战需求

SwiftUI ScrollView和LazyStack正确使用方法

本文价值与收获

看完本文后,您将能够作出下面的界面

ScrollView和LazyVStack

ScrollView和LazyVStack

看完本文您将掌握的技能

  • ScrollView
  • LazyVStack
  • @StateObject
  • ObservableObject
  • DispatchQueue.global(qos: .userInteractive).async

基础知识

StateObject

实例化可观察对象的属性包装器类型。

@frozen @propertyWrapper struct StateObject<ObjectType> where ObjectType : ObservableObject

使用教程

通过将@StateObject属性应用于属性声明并提供符合ObservableObject协议的初始值,从而在View,App或Scene中创建状态对象:

@StateObject var model = DataModel()

SwiftUI仅为声明该对象的结构的每个实例创建一次该对象的新实例。当可观察对象的已发布属性更改时,SwiftUI将更新依赖于这些属性的任何视图的部分

Text(model.title) // Updates the view any time `title` changes.

您可以将状态对象传递到具有ObservedObject属性的属性中。您也可以通过应用environmentObject(_ :)修饰符将对象添加到视图层次结构的环境中:

ContentView()
    .environmentObject(model)

如果创建如上面的代码所示的环境对象,则可以使用EnvironmentObject属性在ContentView或其任何后代中读取该对象:

@EnvironmentObject var model: DataModel

使用$运算符获取对状态对象的属性之一的绑定。当您要创建与对象属性之一的双向连接时,请使用绑定。例如,您可以让Toggle控制存储在模型中的名为isEnabled的布尔值:

Toggle("Enabled", isOn: $model.isEnabled)

实战代码

```
import SwiftUI

struct ContentView: View {
var body: some View {
LazyVDemo()

top Created with Sketch.