SwiftUI渲染HTML文本时出现AttributeGraph循环检测警告如何解决？

你遇到的AttributeGraph: cycle detected警告核心触发逻辑是：NSAttributedString解析HTML的操作内部会依赖UIKit的渲染上下文初始化，而你当前把HTML解析的计算属性html2String直接放在Text的构造参数中，也就是直接在SwiftUI的body刷新周期内执行该解析操作。此时会出现状态循环：SwiftUI触发body重绘 -> 执行HTML解析 -> 解析过程触发UIKit状态变更 -> 反过来通知SwiftUI需要再次重绘body，最终形成状态环触发警告，严重时会导致界面卡死、逻辑异常。
同时NSAttributedString的HTML解析属于同步阻塞耗时操作，直接放在body中执行本身也会带来性能问题，即使未触发循环警告也不推荐该写法。

• 方案1：提前解析HTML内容，避免在body刷新周期内执行解析操作
  把HTML解析逻辑移到数据请求完成回调、onAppear生命周期或者ViewModel的初始化逻辑中，解析完成后将结果存入@State或者ViewModel的存储属性，body中直接读取解析完成的字符串即可，参考代码：

  struct HtmlTextView: View {
      // 原始HTML字符串
      let rawDescription = "<p class=\"uitk-flex-item uitk-flex-basis-full_wi.......\""
      // 存储解析完成的文本
      @State private var renderedDesc = ""
  
      var body: some View {
          Text(renderedDesc)
              .onAppear {
                  // 在生命周期回调中执行解析，不占用body刷新时间
                  renderedDesc = rawDescription.html2String
              }
      }
  }
  

• 方案2：使用正则移除HTML标签（仅适用于不需要保留HTML样式的场景）
  如果你的需求仅需要提取HTML中的纯文本内容，不需要保留任何富文本样式，可以直接用正则替换移除HTML标签，避免调用NSAttributedString的HTML解析能力，性能更高也不会触发状态冲突，参考代码：

  extension String {
      var strippedHtmlText: String {
          replacingOccurrences(of: "<[^>]+>", with: "", options: .regularExpression)
      }
  }
  // 调用时直接使用该属性即可
  Text(description.strippedHtmlText)
  

• 方案3：封装UILabel渲染富文本（适用于需要保留HTML样式的场景）
  如果需要保留HTML自带的字体、颜色、段落等样式，可以通过UIViewRepresentable封装UILabel来渲染解析完成的NSAttributedString，规避SwiftUI原生Text和UIKit解析逻辑的状态冲突，参考代码：

  struct AttributedLabel: UIViewRepresentable {
      let attributedText: NSAttributedString
  
      func makeUIView(context: Context) -> UILabel {
          let label = UILabel()
          label.numberOfLines = 0
          return label
      }
  
      func updateUIView(_ uiView: UILabel, context: Context) {
          uiView.attributedText = attributedText
      }
  }
  
  // 调用示例，同样需要提前解析好NSAttributedString
  struct HtmlTextView: View {
      let rawDescription = "<p class=\"uitk-flex-item uitk-flex-basis-full_wi.......\""
      @State private var attributedDesc: NSAttributedString?
  
      var body: some View {
          if let attributedDesc = attributedDesc {
              AttributedLabel(attributedText: attributedDesc)
          }
          .onAppear {
              attributedDesc = rawDescription.html2AttributedString
          }
      }
  }
  

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