SwiftUI中mutating方法修改副本导致UI不刷新的问题求助

针对你遇到的可选值UserProfile调用mutating方法仅修改副本、原数据不更新的问题，提供两种可行方案，同时支持模型传递给子视图：

方案1：将UserProfile改为引用类型（Class） #

值类型（Struct）解包后会生成副本，而引用类型（Class）解包后操作的是原实例本身，修改会直接同步到数据源并触发UI刷新。

修改UserProfile模型 #

import SwiftUI

class UserProfile: ObservableObject {
    var username: String
    
    init(username: String) {
        self.username = username
    }
    
    // 移除mutating关键字，Class方法可直接修改属性
    func updateUsername(_ newUsername: String) {
        username = newUsername
    }
}

修改ProfileViewModel #

class ProfileViewModel: ObservableObject {
    @Published var userProfile: UserProfile?
    
    // 模拟服务器数据请求
    func fetchUserProfile() {
        userProfile = UserProfile(username: "初始用户名")
    }
}

修改ProfileView及子视图 #

struct ProfileView: View {
    @StateObject private var viewModel = ProfileViewModel()
    
    var body: some View {
        VStack(spacing: 20) {
            if let profile = viewModel.userProfile {
                // 传递引用给子视图，子视图修改会直接同步到原实例
                ProfileDetailView(profile: profile)
                
                Button("修改用户名") {
                    profile.updateUsername("新用户名")
                }
            } else {
                Text("加载中...")
                    .onAppear {
                        viewModel.fetchUserProfile()
                    }
            }
        }
    }
}

// 子视图通过@ObservedObject监听模型变化
struct ProfileDetailView: View {
    @ObservedObject var profile: UserProfile
    
    var body: some View {
        Text("当前用户名：\(profile.username)")
            .font(.title)
    }
}

方案2：保留值类型（Struct），直接操作可选值 #

如果坚持使用Struct，需避免解包后操作副本，直接对ViewModel中的可选值进行修改，或通过ViewModel封装修改逻辑。

修改UserProfile模型（保持Struct） #

struct UserProfile {
    var username: String
    
    mutating func updateUsername(_ newUsername: String) {
        username = newUsername
    }
}

修改ProfileViewModel #

class ProfileViewModel: ObservableObject {
    @Published var userProfile: UserProfile?
    
    func fetchUserProfile() {
        userProfile = UserProfile(username: "初始用户名")
    }
    
    // 封装修改逻辑，避免View直接操作模型
    func updateUsername(_ newUsername: String) {
        userProfile?.updateUsername(newUsername)
    }
}

修改ProfileView及子视图 #

struct ProfileView: View {
    @StateObject private var viewModel = ProfileViewModel()
    
    var body: some View {
        VStack(spacing: 20) {
            if let profile = viewModel.userProfile {
                // 仅展示数据时直接传属性；需修改时传绑定
                ProfileDetailView(username: profile.username)
                EditableProfileView(userProfile: $viewModel.userProfile)
                
                Button("修改用户名") {
                    // 方式1：调用ViewModel封装方法
                    viewModel.updateUsername("新用户名")
                    
                    // 方式2：直接操作可选值（跳过解包副本）
                    // viewModel.userProfile?.updateUsername("新用户名")
                }
            } else {
                Text("加载中...")
                    .onAppear {
                        viewModel.fetchUserProfile()
                    }
            }
        }
    }
}

// 仅展示用的子视图
struct ProfileDetailView: View {
    let username: String
    
    var body: some View {
        Text("当前用户名：\(username)")
            .font(.title)
    }
}

// 支持修改的子视图（传递绑定）
struct EditableProfileView: View {
    @Binding var userProfile: UserProfile?
    
    var body: some View {
        Button("子视图修改用户名") {
            userProfile?.updateUsername("子视图修改的用户名")
        }
    }
}

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