SwiftUI @Published对象不会更新双结构数组的UI

时间:2020-03-15 18:51:52

标签: swift observable swiftui observedobject

我正在开发SwiftUI测试应用程序,并且@Published和@ObservedObject遇到了一些问题。

这是我的代码(仅供参考,我删除了一些代码行并添加了一些虚拟值,以方便您理解)

import SwiftUI

struct S0: Identifiable {
    var id = UUID()
    var arr: [S1] = []
}
struct S1: Identifiable {
    var i: Int
    var id = UUID()
}

class Model: ObservableObject {
    @Published var items: [S0] = [S0(arr: [S1(i: 100)])]
}

struct ContentView: View {
    @ObservedObject var testModel = Model()
    @State var flag = false
    var body: some View {
        VStack {
            List {
                ForEach (self.testModel.items){ item in
                    Text("\(item.arr.last?.i.description ?? "nil")")
                }
            }

            Button(action: {
                self.flag.toggle()
            }) {
                Text("Add")
            }.sheet(isPresented: $flag) {
                ModalView(flag: self.$flag).environmentObject(self.testModel)
            }
        }
    }
}

struct ModalView: View {
    @Binding var flag: Bool
    @EnvironmentObject var testModel: Model
    var body: some View {
        Button(action: {
            if let lastItem = self.testModel.items.last {
                var newItem = lastItem
                newItem.arr[0].i += 100
                self.testModel.items.append(newItem)
            }
            self.flag.toggle()
        }) {
            Text("add")
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}


问题是,当我加上加号按钮时,应该显示不同的数字(前一个数字+100),但是显示的是相同的数字(100)

从我的代码中可以看到,@Published使用了struct数组,该数组也包含struct数组作为子元素。 如果我没有将struct数组作为子数组,则可以正常工作。

有人可以为此建议我一个好的解决方案吗?

谢谢。

1 个答案:

答案 0 :(得分:1)

我几乎可以确定,您的麻烦出在您的业务逻辑中,与SwiftUI或Observable / Observed的某些意外行为无关。

让我们看一下该示例,该示例模仿您的代码(模型中的嵌套数组),并且可以正常工作。

import SwiftUI

struct S0 {
    var arr: [S1] = []
}
struct S1 {
    var i: Int
}

class Model: ObservableObject {
    @Published var s0arr: [S0] = [S0(arr: [S1(i: 100)])]
}

struct ContentView: View {
    @ObservedObject var m = Model()
    @State var flag = false
    var body: some View {
        VStack {
            Text("\(m.s0arr.last?.arr.count ?? 0)")
            Text("\(m.s0arr.last?.arr.last?.i.description ?? "nil")").sheet(isPresented: $flag) {
                M(flag: self.$flag).environmentObject(self.m)
            }.onTapGesture {
                self.flag.toggle()
            }
        }
    }
}

struct M: View {
    @Binding var flag: Bool
    @EnvironmentObject var m: Model
    var body: some View {
        Button(action: {
            let c = self.m.s0arr.count
            if c > 0 {
                if let i = self.m.s0arr[c - 1].arr.last?.i {
                    self.m.s0arr[c - 1].arr.append(S1(i: i + 100))
                }
            }
            self.flag.toggle()
        }) {
            Text("add")
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

以及由此产生的行为

enter image description here