[SwiftUI]VStackの高さを余白いっぱい(fill height)にするには？

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

VStackの高さを余白いっぱいにする方法を紹介します。

方法
使用例

方法

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

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

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

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

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

使用例

以下は、使用例です。

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