SwiftUI预览中如何为UIViewRepresentable传递count参数？

你遇到的问题根源在于当前的UIViewRepresentable实现没有正确接收并同步外部传递的count参数，而且让UIView本身遵循UIViewRepresentable并不是SwiftUI包装UIKit视图的规范做法——这个协议原本是为值类型（结构体/枚举）设计的，用来作为UIKit视图和SwiftUI之间的桥梁。

下面是分步解决方案：

1. 重构你的UIKit视图与SwiftUI包装器 #

首先，保持你的ViewCountView（UIKit的UIView）不变，然后创建一个独立的SwiftUI结构体来包装它，这个结构体负责处理参数传递和视图更新：

// 你的原始UIKit视图（保持不变）
class ViewCountView: UIView {
    let viewCountLabel = UILabel()
    let viewsTitleLabel = UILabel()
    
    var count: String? {
        get { viewCountLabel.text }
        set {
            viewCountLabel.text = newValue
            viewsTitleLabel.text = newValue == "1" ? "View" : "Views"
        }
    }
    
    convenience init(count: String) {
        self.init()
        self.count = count
        // 别忘了添加子视图、设置布局约束等初始化逻辑
        setupSubviews()
    }
    
    private func setupSubviews() {
        // 示例布局代码，根据你的需求调整
        viewCountLabel.translatesAutoresizingMaskIntoConstraints = false
        viewsTitleLabel.translatesAutoresizingMaskIntoConstraints = false
        addSubview(viewCountLabel)
        addSubview(viewsTitleLabel)
        
        NSLayoutConstraint.activate([
            viewCountLabel.leadingAnchor.constraint(equalTo: leadingAnchor),
            viewsTitleLabel.leadingAnchor.constraint(equalTo: viewCountLabel.trailingAnchor, constant: 4),
            viewCountLabel.centerYAnchor.constraint(equalTo: centerYAnchor),
            viewsTitleLabel.centerYAnchor.constraint(equalTo: centerYAnchor)
        ])
    }
}

// 新的SwiftUI包装结构体，遵循UIViewRepresentable
struct ViewCountSwiftUIWrapper: UIViewRepresentable {
    // 接收外部传递的count参数
    let count: String
    
    func makeUIView(context: Context) -> ViewCountView {
        // 用传入的count初始化UIKit视图
        ViewCountView(count: count)
    }
    
    func updateUIView(_ uiView: ViewCountView, context: Context) {
        // 当count参数变化时，同步更新UIKit视图的count属性
        // 这一步是预览和动态更新的关键！
        uiView.count = count
    }
}

2. 更新你的Live Preview代码 #

现在你可以在预览中直接传递count参数，每个预览场景都会正确显示对应的状态：

struct ViewCountSwiftUIWrapper_Previews: PreviewProvider {
    static var previews: some View {
        Group {
            ViewCountSwiftUIWrapper(count: "0")
                .previewDisplayName("0 Views")
            ViewCountSwiftUIWrapper(count: "1")
                .previewDisplayName("1 View")
            ViewCountSwiftUIWrapper(count: "12m")
                .previewDisplayName("12m Views")
            ViewCountSwiftUIWrapper(count: "41234")
                .previewDisplayName("41234 Views")
        }
        .padding()
        .previewLayout(.sizeThatFits)
    }
}

为什么原来的代码不生效？ #

你之前的实现有两个核心问题：

• 让UIView（引用类型）遵循UIViewRepresentable不符合SwiftUI的设计规范，这个协议的实现应该是值类型，负责管理UIKit视图的生命周期。
• 你的updateUIView方法是空的，没有把外部传递的count参数同步到底层的UIKit视图；而且makeUIView方法总是创建一个新的ViewCountView(frame: .zero)，完全忽略了你在预览中传递的count值。

这样调整后，不管是在真机运行还是Live Preview中，参数都能正确传递并更新视图状态。

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