[SwiftUI 开发] 嵌套的ObservedObject中的更改不会更新UI

1. 发生问题的demo

业务逻辑代码

Swift 复制代码
class Address: ObservableObject {
    @Published var street = "123 Apple Street"
    @Published var city = "Cupertino"
}

class User: ObservableObject {
    @Published var name = "Tim Cook"
    @Published var address = Address()
}

struct ContentView: View {
    @ObservedObject var user = User()

    var body: some View {
        VStack {
            Text("Name: \(user.name)")
            Text("Address: \(user.address.street), \(user.address.city)")
            Button("Change Address") {
                user.address.street = "New York"
            }
        }
    }
}

当我有一个嵌套的ObservedObject时,嵌套对象的已发布属性的更改不会更新UI,直到父对象发生变化,才会刷新。

2. 修改后的代码

SwiftUI(更准确地说是Combine)只能看到值的变化,因此,它可以看到@Published结构实例的属性值的变化,而不能看到@Published类。

如果您希望基于这些嵌套对象的属性值的更改来更新Ul,则使用嵌套对象的结构实例。如果必须使用类实例,请使用另一种机制显式地通知更改。下面是使用struct代替class的NestedObject修改的代码

业务逻辑代码

Swift 复制代码
struct Address {
    var street = "123 Apple Street"
    var city = "Cupertino"
}

class User: ObservableObject {
    @Published var name = "Tim Cook"
    @Published var address = Address()
}

struct ContentView: View {
    @ObservedObject var user = User()

    var body: some View {
        VStack {
            Text("Name: \(user.name)")
            Text("Address: \(user.address.street), \(user.address.city)")
            Button("Change Address") {
                user.address.street = "New York"
            }
        }
    }
}

总结一句话,一个对象只需要当前属性@Published就可以了,子类使用struct

相关推荐
东坡肘子11 小时前
去 Apple Store 修手机 | 肘子的 Swift 周报 #0107
swiftui·swift·apple
QWQ___qwq3 天前
SwiftUI 布局之美:Padding 让界面呼吸感拉满
ios·swiftui·swift
用户093 天前
SwiftUI 键盘快捷键作用域深度解析
ios·面试·swiftui
用户34747547833284 天前
把SwiftUI View 转为图片
ios·swiftui
东坡肘子7 天前
高通收购 Arduino:历史的轮回 | 肘子的 Swift 周报 #0106
swiftui·arduino·swift
HarderCoder7 天前
Swift 基础语法全景(一):从变量到类型安全
swiftui·swift
QWQ___qwq9 天前
SwiftUI 的状态管理包装器(Property Wrapper)
ios·swiftui·swift
jh_cao11 天前
(4)SwiftUI 基础(第四篇)
ios·swiftui·swift
jh_cao12 天前
(3)SwiftUI 的状态之上:数据流与架构(MVVM in SwiftUI)
ios·架构·swiftui
jh_cao12 天前
(3)容器布局进阶:Spacer、Divider、Frame 与 Alignment
swiftui