[SwiftUI]VStackのサイズ(size)を余白いっぱい(fill space)にするには？

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

VStackのサイズを余白いっぱいにする方法を紹介します。

方法
使用例

方法

VStackのサイズを余白いっぱいにするには、frame修飾子を使います。

まず、VStackにframe修飾子を付与します。

そして、frameの引数「maxWidth」と引数「maxHeight」に「.infinity」を指定します。

VStack {
    //SomeView
}
.frame(
    maxWidth: .infinity,
    maxHeight: .infinity
)

frameを使うことで、VStackのサイズを余白いっぱいにすることができます。

使用例

以下は、使用例です。

struct ContentView: View {
    var body: some View {
        VStack  {
            Text("Hello")
            Text("World")
            Text("SwiftUI")
        }
        .foregroundColor(Color.white)
        .frame(
            maxWidth: .infinity,
            maxHeight: .infinity
        )
        .background(Color.blue)
    }
}