如何在 SwiftUI 中对阴影应用模糊

Question

所以我正在构建一个自定义组件，并且 figma 文件具有以下参数。

Rectangle Background Drop Shadow 1: Offset X = 0px, Y = 4px
Rectangle Background Drop Shadow 1: Blur = 8px, Spread = -1px
Rectangle Background Drop Shadow Color 1: 16% #000000

我很难弄清楚如何添加模糊和扩散。 这就是我到目前为止所拥有的。

我有阴影工作，但没有模糊和扩散就很刺眼

.background(Color.newPrimary
                            .shadow(color: .black, radius: 6, x: 0, y: 4)
                            )

Answer 1

尝试添加第二个背景。 你不能直接模糊阴影。 模糊将作用于整个视图，我相信你已经发现了。 如果您不想模糊背景，请添加阴影颜色的另一个背景，添加阴影然后模糊。 我还通过一个.opacity()修饰符来进一步调整外观。

    Text("Hello, World!")
        .padding()
        .background(Color.red)
        .background(Color.black
                        .opacity(0.5)
                        .shadow(color: .black, radius: 6, x: 0, y: 4)
                        .blur(radius: 8, opaque: false)
        )