对具有 @State 的结构进行编码答案

【问题标题】：Encoding a struct that has @State对具有 @State 的结构进行编码
【发布时间】：2021-06-17 20:07:04
【问题描述】：

我有一个这样的结构

struct SymbolView: View, Identifiable {
  let id = UUID()
  
  var name:String
  var code:String
  @State var position = CGPoint(x:100, y:100)
  @State var scale = CGFloat(1)
}

我需要使用 Codable 将其转换为 JSON，所以我这样做了

extension SymbolView: Codable{
  private enum CodingKeys: String, CodingKey {
    case name
    case code
    case position
    case scale
  }
  
  public func encode(to encoder:Encoder) throws {
    var container = encoder.container(keyedBy: CodingKeys.self)
    do {
      try container.encode(self.name, forKey: .name)
      try container.encode(self.code, forKey: .code)
      try container.encode(self.position, forKey: .position)
      try container.encode(self.scale, forKey: .scale)
    } catch (let error) {
      print(error.localizedDescription)
    }
  }
}

错误：无法自动合成 'Decodable'，因为 'State' 不符合 'Decodable' 并且该点的错误相同。

这里的问题似乎是两个属性都是@State。

我该如何解决？

【问题讨论】：

我建议将 id, name, code, position, scale 封装到他们自己的可编码 struct 中，并将其用作 SymbolView 上的单个 @State 属性。然后，只需对模型进行编码/解码，而不是尝试对View 进行编码/解码。
我这样做了，问题仍然存在。您可以通过示例发布答案吗？谢谢
用我的想法添加的示例以及对您原始想法的修改

标签： swift codable

【解决方案1】：

我建议将 id、名称、代码、位置、缩放到他们自己的可编码结构中，并将其用作 SymbolView 上的单个 @State 属性。然后，只需对模型进行编码/解码，而不是尝试对视图进行编码/解码。

struct SymbolModel : Identifiable, Codable {
    var id = UUID()
    var name:String
    var code:String
    var position = CGPoint(x:100, y:100)
    var scale = CGFloat(1)
}

struct SymbolView: View {
    @State var symbol : SymbolModel
    
    var body: some View {
        Text("Symbol...")
    }
    
    func encodeSymbolModel() -> Data? {
        try? JSONEncoder().encode(symbol)
    }
}

struct ContentView: View {
    @State var symbolModel : SymbolModel?
    
    var body: some View {
        if let symbolModel = symbolModel {
            SymbolView(symbol: symbolModel)
        }
    }
    
    func decodeSymbolFromData(data: Data) -> SymbolModel? {
        do {
            return try JSONDecoder().decode(SymbolModel.self, from: data)
        } catch {
            print(error)
        }
        return nil
    }
}

或者，保留您的原始代码并编写自定义init(from decoder)：

extension SymbolView: Codable {
    private enum CodingKeys: String, CodingKey {
        case name
        case code
        case position
        case scale
    }
    
    public func encode(to encoder:Encoder) throws {
        var container = encoder.container(keyedBy: CodingKeys.self)
        do {
            try container.encode(self.name, forKey: .name)
            try container.encode(self.code, forKey: .code)
            try container.encode(self.position, forKey: .position)
            try container.encode(self.scale, forKey: .scale)
        } catch (let error) {
            print(error.localizedDescription)
        }
    }
    
    init(from decoder: Decoder) throws {
        let values = try decoder.container(keyedBy: CodingKeys.self)
        name = try values.decode(String.self, forKey: .name)
        code = try values.decode(String.self, forKey: .code)
        position = try values.decode(CGPoint.self, forKey: .position)
        scale = try values.decode(CGFloat.self, forKey: .scale)
    }
}

【讨论】：