如何用建造者模式配置SwiftUI自定义视图属性？两种方案对比

SwiftUI常通过建造者模式实现组件自定义样式，这种模式能简化构造器编写。但当自定义视图属性超过10个时，用模型封装会增加调用端开销，此时建造者模式是可选方案。针对以下两个配置方案，我们来分析其性能、合理性及适用场景：

方案一：建造者模式（修改结构体属性） #

实现代码 #

public struct MyButton<TextContent: View, IconContent: View>: View {

    private var text: String?
    private var accessibilityText:  String?

    private var size: MyButtonSize  = .regular
    private var iconName: MyIconName?
    private var iconPosition: MyButtonIconPosition = .leading
    private var inverse: Bool = false
    private var disabled: Bool = false
    private var variant: MyButtonVariant = .primary

     public var body: some View { ...}

}

public extension MyButton {
    /// 设置按钮样式变体
    func variant( _ variant: MyButtonVariant)-> MyButton {
        var v = self
        v.variant = variant
        return v
    }
    /// 设置按钮尺寸
    func size( _ size: MyButtonSize) -> MyButton {
        var view = self
        view.size = size
        return view
    }
    /// 设置按钮图标及位置
    func icon( _ name: MyIconName?, position: MyButtonIconPosition = .leading) -> MyButton {
        var view = self
        view.iconName = name
        view.iconPosition = position
        return view
    }

    /// 设置按钮是否禁用
    func isDisabled(_ disabled: Bool) -> MyButton {
        var view = self
        view.disabled = disabled
        return view
    }
}

使用示例 #

MyButton()
.variant(.box)
.isDisabled(true)
.icon(IconName)

性能与合理性分析

• 性能：SwiftUI视图是值类型，每次调用修饰器都会生成新的结构体实例，但这完全符合SwiftUI的设计逻辑。SwiftUI的diff算法会高效对比新旧视图的属性差异，只有当属性真正变化时才会触发必要的视图刷新和生命周期更新，不会产生无意义的性能损耗。
• 合理性：这是SwiftUI官方推荐的自定义视图配置方式（类似.font()、.foregroundColor()等系统修饰器的实现逻辑）。调用语法流畅直观，每个修饰器职责单一，代码可读性强，属性变更逻辑清晰，调试也更简单。

方案二：环境属性方案 #

实现代码 #

public extension View {
    /// 设置按钮样式变体
    func variant( _ variant: MyButtonVariant)-> some View {
        environment(\.variant, variant)
    }
    /// 设置按钮尺寸
    func size( _ size: MyButtonSize) -> some View {
         environment(\.size, size)
    }
}

适用场景分析

环境属性的核心是向下传递配置，适合需要给整个子视图树统一设置默认属性的场景（比如给页面内所有按钮统一设置默认样式）。但针对单个视图的独立配置，它存在以下问题：

• 配置作用域不明确，容易出现意外的属性继承，导致某个按钮的样式被父视图的环境配置覆盖，排查问题难度大。
• 维护成本更高，需要额外定义环境键类型，每个属性都要对应单独的环境键，不如建造者模式直接修改结构体属性简洁。

方案选择建议 #

• 若需单个视图的独立配置，优先选建造者模式：语法直观、可控性强，符合SwiftUI设计习惯，无性能问题。
• 若需给多个子视图统一配置默认属性，再考虑环境属性：能减少重复代码，实现批量配置传递。

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