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

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

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

方法
使用例

方法

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

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

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

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

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

使用例

以下は、使用例です。

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