自定义 Class 列表，更新 swift 中的视图

Question

我是 Swift 的新手，很抱歉这个基本问题。

我创建了一个自定义 class，我想在 SwiftUI 中显示这个自定义 class 的列表。 我想跟踪此列表中的更改（新元素，删除元素）。 我无法更改 class 的性质，但我可以创建或不创建自定义 class，此 class 的实例列表。

import SwiftUI

public class User: NSObject,Codable,ObservableObject {
    var username : String
    
    public override init() {
        self.username = "VOID"
    }
    public func setUsername(username:String){
        self.username=username
    }
}

var uad1:User = .init()
var uad2:User = .init()

var listUR: [User] = []

struct listM: View {
    init() {
        uad1.setUsername(username: "user1")
        listUR.append(uad1)
        
    }
    
    var body: some View {
        
        LazyVStack {
            ForEach(listUR.indices) { i in
                Text(verbatim: listUR[i].username)
                    .onTapGesture {
                        addElement()
                    }
                    .onAppear(){
                        print(i)
                    }
            }
        }
    }
    private func addElement(){
        uad2.setUsername(username: "user2")
        listUR.append(uad2)
        
    }
}

如果我将@State Objects 用于列表，则不会显示任何内容。 作为列表，点击手势时显示第一个元素，但不显示第二个元素。 尝试使用 Observed 对象但不能循环 ForEach。 请注意，我需要i索引。

Answer 1

您的 Users Array必须是View中的@State 。

class User: ObservableObject, Identifiable {
  var id: UUID = UUID()
  var name: String

  init(name: String) {
    self.name = name
  }
}

struct ContentView: View {
  @State var users: [User] = [User(name: "VOID"), User(name: "VOID")]

  var body: some View {
    List {
      ForEach(users) { user in
        HStack { // <-- Use an HStack and add a Spacer so the cell goes to the edge
          Text(user.name)
          Spacer()
        }
        .contentShape(Rectangle()) // <-- Add a contentShape so the whole cell is tappable
        .onTapGesture {
          addUser()
        }
      }
    }
  }

  private func addUser() {
    users.append(User(name: "user\(users.count + 1)"))
  }
}