SwiftUI 视图不更新

Swi*_*ing 3 ios swift swift5 swiftui combine

当我更改类中数组中的属性时,我的视图不会更新ObservableObject。我什至声明了一个objectWillChange属性并手动调用它,但视图只是随机更新或不按我想要的方式更新。我不明白这一点。

import Foundation
import SocketIO
import Combine

class SocketService: ObservableObject {
    static let instance = SocketService()

    let manager = SocketManager(socketURL: URL(RequestURL.base_url)!)
    let socket: SocketIOClient
//    let objectWillChange = ObservableObjectPublisher()

    @Published var allMessages: [Message] = []
//        {
//        willSet {
//            self.objectWillChange.send()
//        }
//    }
    @Published var writtenUsers: [PreviewMessage] = []
//        {
//        willSet {
//            self.objectWillChange.send()
//        }
//    }

    init() {
        socket = manager.defaultSocket
        setSocketEvents()
    }

    // This method is called
    func recieve_read_all_messages() {
        socket.on("recieve-read-all-messages") { (data, ack) in
            guard let arr = data as? [[String: Any]] else { return }
            guard let userID = arr[0]["userID"] as? Int else {
                print("no userID, \(#function), line: \(#line)"); return
            }

            // self.objectWillChange.send()
            for msg in self.allMessages {
                // Here im trying to change the property in the array
                msg.content.readStatus = .read
            }
    }    
}

Run Code Online (Sandbox Code Playgroud)

即使我直接更改此属性,视图也不会更新

@EnvironmentObject private var socketService: SocketService

var body: some View {
    VStack {
         List(filteredMessages, id: \.content.uuid, rowContent: chatSpeechBubbleView)
         sendView
    }
}

private func chatSpeechBubbleView(forMessage message: Message) -> some View {
        ChatSpeechBubble(message: message)
    }

private var sendView: some View {
        Button(action: sendMessage) {
            SFSymbol(.paperplane_fill)
                .fontSize(20)
                .foregroundColor(.white)
                .rotate(.degrees(45))
                .padding(10)
                .padding(.trailing, 5)
                .backgroundColor(.blue)
                .clipCircle()
        }
        .padding(.bottom, 2)
    }

    func sendMessage() {
        for msg in socketService.allMessages {            
            msg.content.readStatus = .read
        }
    }
Run Code Online (Sandbox Code Playgroud)

我的另一个观点应该更新:

struct DoubleCheckmark: View {
    var messageContent: MessageContent

    var body: some View {
        HStack(spacing: 0) {
            SFSymbol(.checkmark)
                .resizable()
                .scaledToFit()
            SFSymbol(.checkmark)
                .resizable()
                .scaledToFit()
                .padding(.leading, -9)
        }
        .height(13)
        .foregroundColor(self.messageContent.readStatus == .read ? .blue : .gray)
    }
}
Run Code Online (Sandbox Code Playgroud)
struct ChatSpeechBubble: View {

    // MARK: - init variables
    var message: Message

    // MARK: - normal variables
    var ownSendMessage: Bool {
        message.fromUser.id == UDService.shared.user.id
    }

    // MARK: - Body
    var body: some View {
        messageContent
    }

    private var messageContent: some View {
        HStack(alignment: .bottom) {
            if message.content.text != nil {
                Text(message.content.text!)
                    .foregroundColor(.black)
            }
            if message.content.imageURL != nil {
                Spacer(minLength: 0)
            }
            Text(message.content.timeHourMinute)
                .font(.caption)
                .foregroundColor(.gray)

            if ownSendMessage {
                DoubleCheckmark(messageContent: self.message.content)
            }
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

Geo*_*e_E 5

使用struct,不使用class

问题是Message和 它的子类型应该声明为 a struct,而不是 a class。原因如下。

这是我为了演示差异而制作的一个基本示例:

主要部分代码

class SomeObject: ObservableObject {
    @Published var users = [User(username: "George", password: "password")]
}


struct ContentView: View {
    @StateObject var object = SomeObject()

    var body: some View {
        Text("Hello world!")

        let _ = print("Body")
    }
}


let content = ContentView()
print(content.object)
content.object.users[0].password = "password123"
Run Code Online (Sandbox Code Playgroud)

User作为一个struct

struct User {
    var username: String
    var password: String
}
Run Code Online (Sandbox Code Playgroud)

User作为一个class

class User {
    var username: String
    var password: String

    init(username: String, password: String) {
        self.username = username
        self.password = password
    }
}
Run Code Online (Sandbox Code Playgroud)
struct class
结构体 班级

查看底部的打印日志。使用 a 时struct,“Body”会再次被打印,但为什么呢?

这是因为类是通过引用传递的,而结构是通过值传递的。这意味着您可以改变类实例的属性,如下所示:

import SpriteKit

let sprite = SKSpriteNode()
sprite.position = CGPoint(x: 50, y: 50)
sprite.color = .red
Run Code Online (Sandbox Code Playgroud)

如果SKSpriteNode是带有属性struct的 , let,则尝试更改常量时会出现错误let

Cannot assign to property: '*' is a 'let' constant

结论

所以因为Message一个class实例并没有改变。但随着 的出现,一切都改变。您需要更改整个内容(通过使用),以便& /可以观察到更改。structstruct@PublishedStateObjectObservableObject