异步等待调用后更新 UI

如何解决异步等待调用后更新 UI

我从 API 加载图书，加载时显示活动指示器，在服务器响应后更新标签。

activityView.isHidden = false
        
let task = detach {
    do {
        let books = try await self.bookService.fetchBooks()
        dispatchQueue.main.async {
            self.show(books: books)
        }
    } catch {
        dispatchQueue.main.async {
            self.resultLabel.text = error.localizedDescription
        }
    }
    dispatchQueue.main.async {
       self.activityView.isHidden = true
    }
}

//...

我的问题是在主队列上更新 UI 的更好方法是什么？ dispatchQueue.main.async 看起来很丑，我想有更好的方法可以做到这一点。

我必须使用它，因为所有 UI 更新都应该在主线程上，而且我会在没有 dispatchQueue.main.async 之类的东西的情况下遇到编译器错误

与全局参与者 'MainActor' 隔离的属性 'text' 不能从非隔离的上下文中改变

或

与全局参与者 'MainActor' 隔离的属性 'isHidden' 不能从非隔离的上下文中改变

附言使用 Xcode 13.0b2

解决方法

像这样使用@MainActor -

self.updateAcitivityIndicator(isHidden: false)
        
let task = detach {
    do {
        let books = try await self.bookService.fetchBooks()
        self.showBooks(books)
    } catch {
        self.showError(error)
    }
    self.updateAcitivityIndicator(isHidden: true)
}

@MainActor
private func showBooks(_ books: [Book]) {
}

@MainActor
private func showError(_ error: Error) {
    self.resultLabel.text = error.localizedDescription
}

@MainActor
private func updateAcitivityIndicator(isHidden: Bool) {
    self.activityView.isHidden = isHidden
}