# container + shadow

[SwiftUI](https://lochiwei.gitbook.io/ios/swiftui) ⟩ [view](https://lochiwei.gitbook.io/ios/swiftui/view) ⟩ [drawing](https://lochiwei.gitbook.io/ios/swiftui/view/drawing) ⟩ [shadow](https://lochiwei.gitbook.io/ios/swiftui/view/drawing/shadow) ⟩ container + shadow

{% hint style="info" %}

{% endhint %}

{% tabs %}
{% tab title="💾 程式" %}

```swift
VStack(spacing: 30) {
    Text("Hello")
    Image(systemName: "fish")
}
.foregroundColor(.teal)
.border(.teal, width: 3)
.background(.white) // 1. container + background color (如果沒加，還是會產生多個陰影)
.compositingGroup() // 2. compositing group ⭐️ 
.shadow(radius: 3, x: 6, y: 6)    // 3. 陰影
```

{% endtab %}

{% tab title="📗 參考" %}

* [ ] ChaoCode ⟩ [在 SwiftUI 中替 View 加上陰影](https://chaocode.co/blog/shadow-in-swiftui) 
  {% endtab %}
  {% endtabs %}