如何强制视图从已发布数组项目的价值变化中进行更新

Question

免责声明：这里的Android开发人员

一直试图通过KMM在iOS上进行现有的Android应用程序工作，我想知道是否有一种方法可以强制SwiftUI的视图更新，而仅进行更新才能进行更新数组中的项目的参数。 （类似于 array [index] .copy（）函数在JetPack中撰写

此处是设置：

class MyViewModel: ObservableObject {


...
@Published var itemsArray = [Item]()

...

func increaseCount(itemIndex: Int)  {
        
        let count = itemsArray[itemIndex].quantity + 1
        itemsArray[itemIndex].quantity = count
print("item count is \(count)")
           
    }

func decreaseCount(itemIndex: Int)  {
        var count: Int
        if itemsArray[itemIndex].quantity < 2 {
             count = 1
        } else {
            count = Int(itemsArray[itemIndex].quantity - 1)
        }
        
        itemsArray[itemIndex].quantity = Int32(count) //Xcode insisted on Int32
    }

...
}

在有问题的视图上：

struct SecondView: View {
    
    @ObservedObject var viewModel: MyViewModel

...
 var body: some View {

...
 ForEach (viewModel.itemsArray, id: \.self)   {
                        item in
                        let index = viewModel.itemsArray.firstIndex(of: item)
HStack {
                                    Button(action: {viewModel.decreaseCount(itemIndex: index!
                                    )}) {
                                        Image(systemName: "minus.circle")
                                            .foregroundColor(Color.gray)
                                    }
                                                                    
                                   
                                    Text("\(viewModel.itemsArray[index!].quantity)")
                                    
                                    Button(action: {viewModel.increaseCount(itemIndex: index!)}) {
                                        Image(systemName: "plus.circle")
                                            .foregroundColor(Color.black)
                                    }
                                }
}
}
}

我还在

extension Item: Identifiable{}

包含ViewModel的文件上

设置了ViewModel中的print语句 但UI没有任何帮助。

进行更新， 成为一种更高效/优雅的方式，在迅速吧？

Answer 1

没有所有相关的代码，我只能猜测。尝试这样的事情：

struct SecondView: View {
    @ObservedObject var viewModel: MyViewModel
    ...
    var body: some View {
        ...
        ForEach ($viewModel.itemsArray, id: \.self) { $item in  // <-- here
            HStack {
                Button(action: {
                    if item.quantity < 2 {    // <-- here
                        item.quantity = 1
                    } else {
                        item.quantity -= 1
                    }
                }) {
                    Image(systemName: "minus.circle").foregroundColor(Color.gray)
                }
                Text("\(item.quantity)")
                Button(action: { item.quantity += 1 }) {  // <-- here
                    Image(systemName: "plus.circle").foregroundColor(Color.black)
                }
            }
        }
    }
}

并且不需要您的增加和depeSecount在您的myViewModel中。

EDIT-1：这是我的测试代码，该代码显示在按下/单击按钮时更新UI。

struct Item: Identifiable, Hashable {
    let id = UUID()
    var quantity = 0
}

class MyViewModel: ObservableObject {
    @Published var itemsArray = [Item(),Item(),Item()] // for testing some Items in the array
}

struct ContentView: View {
    @StateObject var viewModel = MyViewModel() // <-- here, or let
    
    var body: some View {
        SecondView(viewModel: viewModel)
    }
}

struct SecondView: View {
    @ObservedObject var viewModel: MyViewModel
    
    var body: some View {
        VStack(spacing: 33) {
            ForEach ($viewModel.itemsArray, id: \.self) { $item in  // <-- here
                HStack {
                    Button(action: {
                        if item.quantity < 1 {    // <-- here
                            item.quantity = 0
                        } else {
                            item.quantity -= 1
                        }
                    }) {
                        Image(systemName: "minus.circle").foregroundColor(Color.gray)
                    }
                    
                    Text("\(item.quantity)")
                    
                    Button(action: { item.quantity += 1 }) {  // <-- here
                        Image(systemName: "plus.circle").foregroundColor(Color.black)
                    }
                }
            }
        }
    }
}