Swift/SwiftUI 踩坑记

1. 经典用法
@State private var library: Library = Library()
// @State 属性的初始化在其生命周期内只被赋值一次，但是右值 `Library()` 会被创建多次，（在当前视图的输入参数变化时，init 会被调用。
// 即使在 init 里设置 library = Library(name: "new"), SwiftUI 也只保证 library 只被赋值一次。
// View 的 id 变化时，生命周期结束

2. 延迟初始化, 对于频繁刷新的视图，为避免右值被创建多次，并且创建右值代价太大时，使用延迟调用
@State private var library: Library?

var body: some View {
  MyView()
    .task { // task 只调用一次
      library = Library()
    }
}

1. 经典用法
@StateObject private var model = DataModel()

2. 延迟初始化，和 @State 一样

@StateObject private var dataModel: DataModel?

var body: some View {
  MyView()
    .task { // task 只调用一次
      dataModel = DataModel()
    }
}

3. 在 Init 中初始化，即使 name 的变化会引起 init 被多次调用，但是 _model 也只被赋值一次。注意，这种写法会使得 DataModel 被创建多次，但没有赋值给 _model。所以，如果创建 DataModel 耗时，选择使用延迟初始化。
struct MyInitializableView: View {
  @StateObject private var model: DataModel

  init(name: String) {
      // SwiftUI ensures that the following initialization uses the
      // closure only once during the lifetime of the view, so
      // later changes to the view's name input have no effect.
      // State 和 StateObject 只能被初始化一次，但是 ObservedObject 每次都会被初始化
      // 如果想每次 name 更新时更新 _model, 需要更新 identifier，使用 .id(_) 方法。使用id有副作用，比如让动画失效。
      _model = StateObject(wrappedValue: DataModel(name: name))
      // model = DataModel(name: name) // 编译错误
  }

  var body: some View {
      VStack {
          Text("Name: \(model.name)")
      }
  }
}

class DataModel: ObservableObject {
    @Published var name = "Some Name"
    @Published var isEnabled = false
}


struct MyView: View {
    @StateObject private var model = DataModel()

    var body: some View {
        Text(model.name)
        MySubView(model: model)
    }
}

struct MySubView: View {
    @ObservedObject var model: DataModel

    init(model: DataModel) {
      self.model = model // 只应该被这样用

      // 不要像以下这样用，和 State，StateObject 表现不一样
      // self.model = DataMoel() // 此时 model 被重新初始化
      // self._model = ObservedObject(wrappedValue: DataModel()) // 此时 model 被重新初始化
    }

    var body: some View {
        Toggle("Enabled", isOn: $model.isEnabled)
    }
}

.ignoresSafeArea(.keyboard)

YourScreen {}
    .overlay {
      if menuIsOpen {
        Color.white.opacity(0.001)
          .ignoresSafeArea()
          .frame(maxWidth: .infinity, maxHeight: .infinity)
          .onTapGesture {
            menuIsOpen = false
          }
          .gesture(DragGesture(minimumDistance: 0)
            .onEnded { _ in
              menuIsOpen = false
            }
          )
      }
    }