SwiftUI中无法在循环内根据颜色描述为变量赋值问题

你遇到的报错是因为在SwiftUI的视图构建闭包中直接修改@State变量。ForEach属于视图结构的一部分，在它的闭包里修改状态会触发视图重绘，进而导致循环更新，编译器无法处理这种情况，所以抛出错误。

下面提供三种可行的解决方式，根据你的实际场景选择：

方法1：初始化时匹配赋值 #

如果colorString的值在视图初始化时就确定（比如从文件读取的内容在初始化时获取），可以直接在init方法里完成颜色匹配，这是最高效的方式：

import SwiftUI

struct testView: View {
    
    let availableColors: [Color] = [.blue,.pink,.gray]
    @State private var thisColor: Color
    let colorString: String

    // 自定义初始化方法
    init(colorString: String = ".pink") {
        self.colorString = colorString
        // 从可用颜色中匹配，找不到则用默认的.blue
        let matchedColor = availableColors.first { $0.description == colorString } ?? .blue
        self._thisColor = State(initialValue: matchedColor)
    }
    
    var body: some View {
        VStack {
            Text(thisColor.description)
                .bold()
            Divider()
            ForEach(availableColors, id: \.self) { colorItem in
                Text(colorItem.description)
            }
            Rectangle()
                .fill(thisColor)
                .frame(width:50,height:50)
        }
    }
}

#Preview {
    testView()
}

方法2：使用onAppear延迟赋值 #

如果colorString可能在视图加载后才确定（比如异步读取文件），可以在视图出现时完成匹配：

import SwiftUI

struct testView: View {
    
    let availableColors: [Color] = [.blue,.pink,.gray]
    @State private var thisColor = Color(.blue)
    var colorString = ".pink"
    
    var body: some View {
        VStack {
            Text(thisColor.description)
                .bold()
            Divider()
            ForEach(availableColors, id: \.self) { colorItem in
                Text(colorItem.description)
            }
            Rectangle()
                .fill(thisColor)
                .frame(width:50,height:50)
        }
        .onAppear {
            // 视图出现时匹配颜色
            if let matchedColor = availableColors.first(where: { $0.description == colorString }) {
                thisColor = matchedColor
            }
        }
    }
}

#Preview {
    testView()
}

方法3：使用计算属性（无需@State） #

如果colorString和availableColors都是固定不变的，完全不需要用@State变量，直接用计算属性返回匹配颜色即可：

import SwiftUI

struct testView: View {
    
    let availableColors: [Color] = [.blue,.pink,.gray]
    var colorString = ".pink"
    
    // 计算属性直接返回匹配的颜色
    private var thisColor: Color {
        availableColors.first { $0.description == colorString } ?? .blue
    }
    
    var body: some View {
        VStack {
            Text(thisColor.description)
                .bold()
            Divider()
            ForEach(availableColors, id: \.self) { colorItem in
                Text(colorItem.description)
            }
            Rectangle()
                .fill(thisColor)
                .frame(width:50,height:50)
        }
    }
}

#Preview {
    testView()
}

• 不建议依赖Color.description做匹配，因为这个属性的返回值可能在不同系统版本、不同设备上有差异。更可靠的方式是给颜色定义对应的标识（比如枚举），比如：

  enum AppColor: String {
      case blue, pink, gray
      
      var color: Color {
          switch self {
          case .blue: return .blue
          case .pink: return .pink
          case .gray: return .gray
          }
      }
  }
  

  这样直接用AppColor(rawValue: colorString)?.color来获取颜色，稳定性更高。

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