SwiftUI中如何在.onDelete里调用异步任务？

我有一个包含User类型条目的SwiftUI List，已实现.onDelete方法，代码如下：

List {
    //foreach with id
    ForEach(usersListVM.users, id: \.id) { user in
        ResponsiveView { prop in
            UserCell(prop: prop, user: user)
        }
    }
    .onDelete { index in
        usersListVM.deleteUser(id: usersListVM.users[index.first!].id!)
    }
}

用于删除的API调用函数采用async/await语法：

func deleteUser(id: Int) async {
    try await userApi.deleteUser(id: id)
}

运行代码时出现错误：Invalid conversion from throwing function of type '(IndexSet) async throws -> Void' to non-throwing function type '(IndexSet) -> Void'

解决方法 #

问题核心是.onDelete的闭包不支持直接调用异步抛出函数，需做以下两处调整：

1. 在.onDelete闭包内用Task包裹异步操作，并处理错误：

.onDelete { index in
    guard let userId = usersListVM.users[index.first!].id else { return }
    Task {
        do {
            try await usersListVM.deleteUser(id: userId)
        } catch {
            // 这里可以添加删除失败的处理逻辑，比如弹窗提示
            print("删除失败：\(error.localizedDescription)")
        }
    }
}

2. 修正deleteUser函数，补上throws声明，并同步更新本地数据：

func deleteUser(id: Int) async throws {
    try await userApi.deleteUser(id: id)
    // 删除API调用成功后，同步更新本地用户列表，保证UI与数据一致
    if let removeIndex = users.firstIndex(where: { $0.id == id }) {
        users.remove(at: removeIndex)
    }
}

内容的提问来源于stack exchange，提问作者agmcoder