SwiftUI_2_共享绑定

参考：

https://blog.csdn.net/weixin_45727359/article/details/109108544

https://zhuanlan.zhihu.com/p/141229504?from_voters_page=true

用 @EnvironmentObject 从环境中读取值

SwiftUI: 全局状态管理

 

在SwiftUI中，以单一数据源（single source of truth）为核心，构建了数据驱动状态更新的机制。其中引入了多种新的属性包装器（property wrapper），用来进行状态管理。

属性包装器（property wrapper）：@State、@ObservedObject、@EnvironmentObject

@State 用于单一视图的本地状态，

@ObservedObject 从一个视图传递到另一个视图。

@EnvironmentObject 比它们都更进一步：可以把一个对象注入环境，以便任何子视图都可以自动获得该对象的访问能力

  

@State

struct User {
    var firstName = "Bilbo"
    var lastName = "Baggins"
}
 
struct ContentView: View {
    @State private var user = User()  //1
 
    var body: some View {
        VStack {
            Text("Your name is \(user.firstName) \(user.lastName).")  //2
            TextField("First name", text: $user.firstName) //3
            TextField("Last name", text: $user.lastName)
        }
    }
}　　

@State是一个属性包装器（property wrapper），被设计用来针对值类型进行状态管理；用于在Struct中mutable值类型

  • 对于 @State 修饰的属性的访问，只能发生在 body 或者 body 所调用的方法中。
  • 如果是读写都有，引用属性需要$开头，如果只读直接使用变量名即可

@Binding

@Binding的作用是在保存状态的属性和更改数据的视图之间创建双向连接

将当前属性连接到存储在别处的单一数据源（single source of truth）

struct Product:Identifiable {
    var isFavorited:Bool
    var title:String
    var id: String
}
 
struct FilterView: View {
    @Binding var showFavorited: Bool  //3
 
    var body: some View {
        Toggle(isOn: $showFavorited) {  //4
            Text("Change filter")
        }
    }
}
 
struct ProductsView: View {
    let products: [Product] = [
    Product(isFavorited: true, title: "ggggg",id: "1"),
    Product(isFavorited: false, title: "3333",id: "2")]
 
    @State private var showFavorited: Bool = false   //1
 
    var body: some View {
        List {
            FilterView(showFavorited: $showFavorited)  //2
 
            ForEach(products) { product in
                if !self.showFavorited || product.isFavorited {
                    Text(product.title)
                }
            }
        }
    }
} 

@StateObject 和 @ObservedObject 

@StateObject 和 @ObservedObject 的区别就是实例是否被创建其的View所持有，其生命周期是否完全可控。

@ObservedObject创建的实例生命周期可能长于/短于/等于当前的View的生命周期

三段代码，三种结果，这也就是为什么苹果要新增@StateObject的原因——让开发者可以明确地了解并掌握实例的生命周期，消除不确定性！

苹果使用@StateObject一方面修复了之前的隐患，同时通过SwiftUI2.0众多新特性的引入，进一步完善了Data Flow的实现手段。

SwiftUI 2.0 —— @StateObject 研究

class User: ObservableObject {
    @Published var firstName = "Bilbo"
    @Published var lastName = "Baggins"
}

struct ContentView: View {
    @ObservedObject private var user = User() //@ObservedObject属性包装器只能用于符合ObservableObject协议的类型

    var body: some View {
        VStack {
            Text("Your name is \(user.firstName) \(user.lastName).")

            TextField("First name", text: $user.firstName)
            TextField("Last name", text: $user.lastName)
        }
    }
}

@EnvironmentObject

 @EnvironmentObject 属性包装器是说明属性的数据是来自环境，而不是在本地创建的：

class User: ObservableObject {
    @Published var name = "Taylor Swift"
}

struct EditView: View {
    @EnvironmentObject var user: User

    var body: some View {
        TextField("Name", text: $user.name)
    }
}

struct DisplayView: View {
    @EnvironmentObject var user: User

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

struct ContentView: View {
    let user = User()

    var body: some View {
        VStack {
            EditView().environmentObject(user)
            DisplayView().environmentObject(user)
        }
    }
}

　把 ContentView 改成下面这样：你会发现结果一样。我们现在是把 user 放到 ContentView 的环境中，但是因为 EditView 和 DisplayView 都是 ContentView 的子视图，所以它们自动继承了 ContentView 的环境。

VStack {
    EditView()
    DisplayView()
}
.environmentObject(user)
iOS_Swift

相关

标签