SwiftUI ForEach循环中修改属性报错，求解决方案

核心问题原因 #

你遇到的问题是因为ForEach循环中迭代出的user是不可变的let常量，而且UserCard作为结构体是值类型，循环里拿到的是副本，直接修改副本的属性不会影响原数组中的数据，同时Swift也不允许修改let常量的属性。

解决方案：通过索引修改ViewModel中的原数组元素 #

要解决这个问题，你需要利用循环拿到的index，直接修改userViewModel.userCards数组中对应位置的元素属性，因为数组被@Published标记，修改后会自动触发视图更新。

步骤1：确保UserCard的offset是可变属性

首先确认你的UserCard结构体定义中，offset是var类型（必须允许修改）：

struct UserCard: Identifiable {
    let id: String
    let image: String
    let fullName: String
    var offset: CGFloat // 这里必须是var，才能修改
}

步骤2：修改视图中的手势处理逻辑

在DragGesture的回调中，通过index访问userViewModel.userCards数组，直接修改对应元素的offset，同时修正offset(x:)的绑定值：

struct GroupSessionView: View {
    @ObservedObject var userViewModel = ExploreUsersViewModel()
   
    var body: some View {
        VStack(spacing: 10) {
            ZStack {
                ForEach(Array(zip(userViewModel.userCards.indices, userViewModel.userCards)), id: \.0) { index, user in
                    HStack {
                        KFImage(URL(string: user.image))
                    }
                    .zIndex(Double(userViewModel.userCards.count - index)) // 修正为userCards的count，避免数据不一致
                    .offset(x: user.offset) // 绑定user的offset值，实现滑动效果
                    .gesture(DragGesture().onChanged({ value in
                        withAnimation {
                            // 通过索引修改原数组中的元素
                            userViewModel.userCards[index].offset = value.translation.width
                        }
                    }).onEnded({ (value) in
                        withAnimation {
                            userViewModel.userCards[index].offset = 0
                        }
                    }))
                }
            }
            Spacer()
        }
    }
}

额外优化建议 #

1. 避免重复请求用户数据：你的ExploreUsersViewModel中fetchUsers和getCards都调用了service.fetchUsers，会发起两次网络请求，建议合并成一次请求，减少资源浪费：

class ExploreUsersViewModel: ObservableObject {
    @Published var users = [User]()
    @Published var userCards = [UserCard]()
    let service = UserService()
    
    init() {
        fetchUsersAndGenerateCards()
    }
    
    func fetchUsersAndGenerateCards() {
        service.fetchUsers { users in
            self.users = users
            // 一次请求同时生成卡片
            self.userCards = users.map { user in
                UserCard(id: NSUUID().uuidString, image: user.profileImageUrl, fullName: user.fullname, offset: 0)
            }
            print("Users are \(users)")
        }
    }
}

2. 使用Identifiable简化ForEach：因为UserCard已经实现了Identifiable，可以直接用ForEach(userViewModel.userCards.indices)或者ForEach($userViewModel.userCards)（绑定方式），不过索引方式更直观适配你的场景。

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