[SwiftUI]Rectangleに影(shadow)をつけるには？

どうも、ちょげ(@chogetarou)です。

Rectangleビューに影をつける方法を紹介します。

方法
使用例

方法

Rectangleに影をつけるには、shadow修飾子を使います。

まず、Rectangleにshadow修飾子を付与します。

そして、shadow修飾子の引数に影の設定をします。

Rectangle()
    .shadow(color: 影の色, radius: 大きさ, x: 横方向の位置, y: 縦方向の位置)

引数で影の設定をしたshadow修飾子を付与することで、Rectangleに影をつけることが出来ます。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Rectangle()
                .foregroundColor(.blue)
                .shadow(color: .gray, radius: 3, x: 5, y: 5)
                .frame(width:200, height: 200)
        }
    }
}