如何在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)
)