[SwiftUI]VStackのビューの余白 (space)を削除(remove)するには？

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

VStack内のビュー同士の余白を削除する方法を紹介します。

方法
使用例

方法

VStackのビュー同士の余白を削除するには、引数「spacing」を使います。

具体的には、VStackの引数「spacing」に「０」を指定します。

VStack (spacing : 0) {
    //Some View
}

引数「spacing」に0を指定することで、VStackのビュー同士の余白を削除することができます。

使用例

以下は、使用例です。

struct ContentView: View {
    var body: some View {
        VStack (spacing : 0) {
            Rectangle()
                .frame(width: 200, height: 100)
                .foregroundColor(Color.blue)
            Rectangle()
                .frame(width: 200, height: 100)
                .foregroundColor(Color.green)
            Rectangle()
                .frame(width: 200, height: 100)
                .foregroundColor(Color.red)
        }
    }
}