[SwiftUI]HStackの高さを余白いっぱいにするには？

SwiftUI

2022.02.16

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

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

方法
使用例

方法

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

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

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

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

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

使用例

以下は、使用例です。

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