我的视图中有这个:
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
的内容在我点击“随机表情符号”按钮时发生变化。我该怎么做?
答案 0 :(得分:0)
我找到了这个问题的答案。我所做的是:
在 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
}
}