[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

相关推荐
恋猫de小郭9 小时前
什么?Flutter 可能会被 SwiftUI/ArkUI 化?全新的 Flutter Roadmap
flutter·ios·swiftui
靴子学长1 天前
iOS + watchOS Tourism App(含源码可简单复现)
mysql·ios·swiftui
hxx2217 天前
iOS swift开发系列--如何给swiftui内容视图添加背景图片显示
ios·swiftui·swift
胖虎18 天前
SwiftUI - (十九)组合视图
ios·swiftui·swift·组合视图
davidson14718 天前
Xcode
ios·swiftui·xcode·swift·apple
大熊猫侯佩9 天前
苹果开发者入门:修复 SwiftUI 中“跑偏的”动画(下)
swiftui·动画·animation·transition·转场·显式隐式动画·布局坐标
_rufeng_14 天前
SwiftUI入门篇
ios·swiftui·swift
大熊猫侯佩17 天前
SwiftUI 列表(或 Form)子项中的 Picker 引起导航无法跳转的原因及解决
list·swiftui·form·列表·navigation·导航·picker
袁代码1 个月前
SwiftUI开发教程系列 - 第十二章:本地化与多语言支持
开发语言·前端·ios·swiftui·swift·ios开发
袁代码1 个月前
SwiftUI开发教程系列 - 第1章:简介与环境配置
开发语言·ios·swiftui·swift·ios开发