微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

SwiftUI ObservedObject 不更新父视图

如何解决SwiftUI ObservedObject 不更新父视图

我有 2 个模型:食物一个袋子包含 1 个食物。食物有名字。

我正在尝试将 Food.name 属性与父视图 (BagView) 中显示的 TextField 和子视图中显示的另一个 TextField ( >FoodView).

  • 当我编辑父文本字段时,更改会显示在机器人视图中。
  • 当我编辑孩子的文本字段时,更改显示在父视图中。为什么?

这是我的示例代码

class Bag: ObservableObject {
    @Published var food: Food
    
    init(food: Food) {
        self.food = food
    }
}

class Food: ObservableObject {
    @Published var name: String
    
    init(name: String) {
        self.name = name
    }
}

struct BagView: View {
    @Observedobject var bag: Bag
    
    var body: some View {
        vstack {
            TextField("Placeholder 1",text: $bag.food.name)
            FoodView(food: bag.food)
        }
    }
}

struct FoodView: View {
    @Observedobject var food: Food
    
    var body: some View {
        TextField("Placeholder 2",text: $food.name)
    }
}

enter image description here

解决方法

要在两个视图之间传递数据,您需要对 Binding 使用 FoodView

struct BagView: View {
    @ObservedObject var bag: Bag

    var body: some View {
        VStack {
            TextField("Placeholder 1",text: $bag.food.name)
            FoodView(food: $bag.food)
        }
    }
}

struct FoodView: View {
    @Binding var food: Food
    
    var body: some View {
        TextField("Placeholder 2",text: $food.name)
    }
}

在回答您的评论时,我建议添加额外的视图/包装器来预览 Bindingenter image description here

附言顺便说一下,如果您打算使用 Food 作为 Bag 视图模型的一部分,则不需要将其设置为具有 Published 属性的类。结构就够了。

struct Food {
    var name: String
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。