State 在 SwiftUI 中未正确更新

Question

我正在尝试实现喜欢和不喜欢按钮，以允许用户喜欢卡片和不喜欢卡片。 当用户喜欢一个按钮时， id会被保存，并且图标会从心形变为实心。 我可以正确保存id ，但问题是有时图标不会切换到填充的图标以向用户显示更改，尤其是在选择第一个之后。 后续卡不会更改 state 但保持不变，同时会正确添加保存id 。 为了能够看到我必须看到的另一张卡片，与第一张卡片不同，它可以同时显示两者。 我已经尝试过Observable和Environmental 。

我的 Class 处理相似和不同

import Foundation
import Disk

class FavouriteRest: ObservableObject {
    @Published private var fav = [Favourite]()
    
    init() {
        getFav()
    }
    
    func getFav(){
        if let retrievedFav = try? Disk.retrieve("MyApp/favourite.json", from: .documents, as: [Favourite].self) {
            fav = retrievedFav
        } else {
            print("")
        }
    }
    
    
    //Get single data
    func singleFave(id: String) -> Bool {
        for x in fav {
            if id == x.id {
               return true
            }
            return false
        }
        return false
    }
    
    func addFav(favourite: Favourite){
        if singleFave(id: favourite.id) == false {
            self.fav.append(favourite)
            self.saveFave()
        }
    }
    
    //Remove Fav
    func removeFav(_ favourite: Favourite) {
        if let index = fav.firstIndex(where: { $0.id == favourite.id }) {
            fav.remove(at: index)
            saveFave()
        }
    }
    
    //Save Fav
    func saveFave(){
        do {
            try Disk.save(self.fav, to: .documents, as: "SmartParking/favourite.json")
        }
        catch let error as NSError {
            fatalError("""
                Domain: \(error.domain)
                Code: \(error.code)
                Description: \(error.localizedDescription)
                Failure Reason: \(error.localizedFailureReason ?? "")
                Suggestions: \(error.localizedRecoverySuggestion ?? "")
                """)
        }
    }
    
}

单卡

@EnvironmentObject var favourite:FavouriteRest

            HStack(alignment: .top){
                VStack(alignment: .leading, spacing: 4){
                    Text(self.myViewModel.myModel.title)
                        .font(.title)
                        .fontWeight(.bold)
                    Text("Some text")
                        .foregroundColor(Color("Gray"))
                        .font(.subheadline)
                        .fontWeight(.bold)
                }
                Spacer()
                VStack{
                    self.favourite.singleFave(id: self.myViewModel.myModel.id) ? Heart(image: "suit.heart.fill").foregroundColor(Color.red) : Heart(image: "suit.heart").foregroundColor(Color("Gray"))
                }
                .onTapGesture {
                    if self.favourite.singleFave(id: self.myViewModel.myModel.id) {
                        self.favourite.removeFav(Favourite(id: self.myViewModel.myModel.id))
                    } else {
                        self.favourite.addFav(favourite: Favourite(id: self.myViewModel.myModel.id))
                    }
                }
            }

Answer 1

我可以通过在卡片视图中移动代码并使用@States来解决这个问题，如下所示。

    @State private var fav = [Favourite]()
    @State var liked = false
    VStack{
       // Heading
       HStack(alignment: .top){
          VStack{
            self.liked ? Heart(image:"suit.heart.fill").foregroundColor(Color.red) : Heart(image: "suit.heart").foregroundColor(Color("Gray"))
                        }
                        .onTapGesture {
               if self.liked {
               self.removeFav(self.singleFav!)
            } else {
                   let faveID = self.myViewModel.myModel.id
                   let myFav = Favourite(id:faveID)
                   self.fav.append(myFav)
                   self.saveFave()
           }
        }
   }

在获取和删除的方法中，我更新了@State var liked 。 现在一切都按预期工作。