如何通过三元运算符为SwiftUI矩形添加条件渐变填充？

问题场景 #

尝试通过三元表达式为矩形添加带条件的渐变填充：

Rectangle().fill(useGradient ? .red.gradient : .red)

但触发类型不匹配错误：

• 'AnyGradient'中的成员'red'生成的结果类型为'Color'，但上下文需要'AnyGradient'
• 静态属性'red'要求'AnyGradient'和'Color'类型等价

完整示例代码（Xcode 14.0, iOS 16.0）：

struct TestGradientView: View {
    
    var useGradient = false
    
    var body: some View {

        Rectangle()
            .fill(useGradient ? .red.gradient : .red)
            .frame(width: 300, height: 440, alignment: .center)
            

    }
}

不想通过创建两个重复视图来实现，需要更简洁的方案。

最简解决方案 #

方案1：统一类型为Gradient

三元表达式要求两边返回类型一致，把普通Color转为单色Gradient即可：

struct TestGradientView: View {
    
    var useGradient = false
    
    var body: some View {
        Rectangle()
            .fill(useGradient ? .red.gradient : Gradient(colors: [.red]))
            .frame(width: 300, height: 440)
    }
}

方案2：封装为计算属性（更易扩展）

利用Color和Gradient都遵循ShapeStyle协议的特性，将填充逻辑封装为计算属性，无需额外类型转换，代码简洁且易扩展：

struct TestGradientView: View {
    
    var useGradient = false
    
    var body: some View {
        Rectangle()
            .fill(fillStyle)
            .frame(width: 300, height: 440)
    }
    
    private var fillStyle: some ShapeStyle {
        useGradient ? .red.gradient : .red
    }
}

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