时间戳

首页 > 解决方案 > SwiftUI 无法添加 onChange 事件

ios - SwiftUI 无法添加 onChange 事件

问题描述

我有一个视图，其中显示了我的消息列表。每当添加新消息时，我都想滚动到底部。我正在尝试向其中添加一个onChange事件，ForEach但这会以一些奇怪的错误破坏我的代码：Referencing instance method 'onChange(of:perform:)' on 'Array' requires that 'Message' conform to 'Equatable'有时The compiler is unable to type-check this expression in reasonable time; try breaking up the expression into distinct sub-expressions当我删除onChange所有内容时都符合。

这是Message模型：

struct Message: Identifiable {
    var id = UUID()
    var text: String
    var createdAt: Date = Date()
    var senderID: String
    var seen: Bool
    
    init(dictionary: [String: Any]) {
        self.text = dictionary["text"] as? String ?? ""
        self.senderID = dictionary["senderID"] as? String ?? ""
        self.seen = dictionary["seen"] as? Bool ?? false
    }
}

我在这里做错了什么？

`对于每个

struct MessagesView: View {
    @ObservedObject var messagesViewModel: MessagesViewModel
    
    var body: some View {
        VStack {
            ScrollView(.vertical, showsIndicators: false, content: {
                ScrollViewReader { reader in
                    VStack(spacing: 20) {
                        ForEach(messagesViewModel.request.messages) { message in
                            Text(message.text)
                                .id(message.id)
                        }
                        .onChange(of: messagesViewModel.request.messages) { (value) in
                            reader.scrollTo(value.last?.id)
                        }
                    }
                }
            })
        }
    }
}

标签： iosswiftswiftuixcode12

解决方案

如果您messages是@Published以下内容应该可以工作（正如我在Make a list scroll to bottom with SwiftUI 中测试的那样）

struct MessagesView: View {
    @ObservedObject var messagesViewModel: MessagesViewModel
    
    var body: some View {
        VStack {
            ScrollView(.vertical, showsIndicators: false, content: {
                ScrollViewReader { reader in
                    VStack(spacing: 20) {
                        ForEach(messagesViewModel.request.messages) { message in
                            Text(message.text)
                                .id(message.id)
                        }
                        .onReceive(messagesViewModel.request.$messages) { (value) in
                           guard !value.isEmpty else { return } 
                           reader.scrollTo(value.last!.id)
                        }
                    }
                }
            })
        }
    }
}

推荐阅读