Async方法使用位置存疑及@Published变量赋值失败问题（SwiftUI MVVM）

1. @Published变量无法更新UI+后台线程警告问题 #

API请求默认在后台线程执行，直接在后台线程给@Published修饰的变量赋值，会触发"不允许从后台线程发布变更"警告，且UI无法感知数据变化。解决核心是切换到主线程更新变量：

代码示例1：手动切换主线程 #

func fetchUserInfo() async {
    do {
        // 后台线程执行API请求
        let responseUser = try await APIClient.getUser()
        print(responseUser.user_id) // 正常打印
        
        // 切换到主线程更新@Published变量
        await MainActor.run {
            self.user = responseUser
        }
    } catch {
        // 处理请求错误
    }
}

代码示例2：给ViewModel加@MainActor（更简洁） #

@MainActor
class LoginViewModel: ObservableObject {
    @Published var user: User = User(user_id: 0)
    
    func login() async throws {
        let authResult = try await APIClient.authorize()
        let fetchedUser = try await APIClient.getUser(id: authResult.user_id)
        self.user = fetchedUser // 自动在主线程执行，无警告
    }
}

2. Async方法（do/try/await）的使用位置 #

异步逻辑必须封装在ViewModel中，View只负责触发调用，绝对不要在View的body里直接写异步代码。

View中触发异步方法示例 #

struct LoginView: View {
    @StateObject private var viewModel = LoginViewModel()
    
    var body: some View {
        Button("登录") {
            // 用Task包裹调用ViewModel的async方法
            Task {
                do {
                    try await viewModel.login()
                    // 登录成功后的跳转逻辑
                } catch {
                    // 提示错误
                }
            }
        }
    }
}

ViewModel中的异步方法示例 #

class LoginViewModel: ObservableObject {
    @Published var user: User = User(user_id: 0)
    
    func login() async throws {
        // 集中处理授权、获取用户信息等异步逻辑
        let token = try await APIClient.getToken()
        let user = try await APIClient.fetchUser(token: token)
        // 若未加@MainActor，需手动切换主线程更新变量
        await MainActor.run {
            self.user = user
        }
    }
}

3. ViewModel实例不统一问题 #

主View的ModalContents里新建LoginViewModel实例，会导致两个实例数据不共享。两种解决方法：

方法1：直接传递ViewModel实例 #

在父View中创建ViewModel，作为参数传给ModalContents：

struct MainView: View {
    @StateObject private var loginVM = LoginViewModel()
    
    var body: some View {
        ModalContents(viewModel: loginVM)
    }
}

struct ModalContents: View {
    let viewModel: LoginViewModel
    
    var body: some View {
        // 使用viewModel的属性和方法，与父View共用同一实例
    }
}

方法2：使用EnvironmentObject全局注入 #

在父View中把ViewModel注入环境，子View直接获取：

struct MainView: View {
    @StateObject private var loginVM = LoginViewModel()
    
    var body: some View {
        NavigationStack {
            // 主View内容
            ModalContents()
                .environmentObject(loginVM) // 注入环境
        }
    }
}

struct ModalContents: View {
    @EnvironmentObject private var loginVM: LoginViewModel // 获取环境中的实例
    
    var body: some View {
        // 使用loginVM，与父View共用同一实例
    }
}

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