点赞与点踩按钮功能实现异常问题求助

问题背景 #

服务器端用Integer类型like属性表示互动状态：1=点赞，0=无操作，-1=点踩，默认0。需求是：点击点赞按钮切换1/0，点击点踩按钮切换-1/0。当前代码存在两个问题：服务器接收值正确率仅70%，按钮图标无切换动画。

一、修复值发送错误的问题 #

1. 调整按钮点击的执行顺序 #

当前代码先调用updateLikeAndDislike再切换状态，导致更新逻辑使用旧状态值，完全搞反了执行顺序。必须先切换状态，再更新值：

// 点赞按钮修正
Button {
    Task {
        like.toggle() // 先切换本地状态
        updateLikeAndDislike() // 再根据新状态更新talkLikeValue
        await homeVM.likeTalks(like: homeVM.talkLikeValue)
    }
} label: { /* ... */ }

// 点踩按钮修正
Button {
    Task {
        dislike.toggle()
        updateLikeAndDislike()
        await homeVM.likeTalks(like: homeVM.talkLikeValue)
    }
} label: { /* ... */ }

2. 完善状态更新逻辑 #

原updateLikeAndDislike函数缺失「无操作」分支，导致取消点赞/点踩时，talkLikeValue不会重置为0。补充后逻辑完整：

func updateLikeAndDislike() {
    if like {
        talkLikeValue = 1
        dislike = false // 点赞时自动取消点踩状态
    } else if dislike {
        talkLikeValue = -1
        like = false // 点踩时自动取消点赞状态
    } else {
        talkLikeValue = 0 // 两者都取消时，设为无操作
    }
}

3. 初始化时同步服务器状态 #

本地like/dislike状态必须和服务器返回的talk.like保持一致，不能默认全为false：

// 获取到talk数据后执行初始化
switch talk.like {
case 1:
    like = true
    dislike = false
case -1:
    like = false
    dislike = true
default:
    like = false
    dislike = false
}
talkLikeValue = talk.like

二、修复按钮图标无动画问题 #

按钮图标依赖talk.like判断，但请求服务器后未更新本地talk.like值，导致SwiftUI无法触发UI刷新。需在请求成功后同步更新：

// 以点赞按钮为例，修改请求逻辑
Task {
    like.toggle()
    updateLikeAndDislike()
    // 假设likeTalks返回服务器更新后的like值
    if let updatedLike = await homeVM.likeTalks(like: homeVM.talkLikeValue) {
        talk.like = updatedLike
        // 同步修正本地状态，避免网络波动导致不一致
        switch updatedLike {
        case 1:
            like = true
            dislike = false
        case -1:
            like = false
            dislike = true
        default:
            like = false
            dislike = false
        }
    }
}

同时确保talk是可观察对象（比如用@State、@Binding或@Published修饰），这样talk.like变化时，按钮图标会自动刷新。

三、额外优化：防止重复请求 #

添加加载状态，避免用户快速重复点击导致的多次无效请求：

var isLoading: Bool = false

// 按钮点击事件添加判断
Task {
    guard !isLoading else { return }
    isLoading = true
    defer { isLoading = false }
    
    like.toggle()
    updateLikeAndDislike()
    let updatedLike = await homeVM.likeTalks(like: homeVM.talkLikeValue)
    // ... 后续更新逻辑
}

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