Question

我的视图中有这个：

Image(uiImage: viewModel.emojiImage)

Button(action: {
    viewModel.updatesRandomEmojiImage()
}, label: {
    Text("RANDOM EMOJI")
}).buttonStyle(FilledButton())

以及我的 ViewModel 中的这些方法：

@State var emojiImage: UIImage = UIImage()

func updatesRandomEmojiImage() {
    guard let url = URL(string: randomEmojiUrl()) else { return }
    downloadEmojiImage(fromUrl: url)
}
    
func randomEmojiUrl() -> String {
    repository.emojis().randomElement()?.imageUrl ?? ""
}
    
private func downloadEmojiImage(fromUrl url: URL) {
    if let data = try? Data(contentsOf: url) {
        self.emojiImage = UIImage(data: data)!
    }
}

我试图让 Image 的内容在我点击“随机表情符号”按钮时发生变化。我该怎么做？

Answer 1

我找到了这个问题的答案。我所做的是：

在 VM 中，我将图像设为 @Published 而不是 @State：

@Published var emojiImage: UIImage? = nil

然后，在视图中我所做的是使用@State 添加 .onReceive 调用和图像：

@State private var emojiImage: UIImage?

var body: some View {
    ZStack {
        emojiImage.map{Image(uiImage: $0)}             
    }.onReceive(viewModel.$emojiImage) { image 
        self.emojiImage = image
    }
}

SwiftUI 使图像的内容对属性更新具有反应性

1 个答案: