Zenn
🐶

[SwiftUI]同じ横幅、高さのViewを親Viewに対して幅いっぱいに並べる方法。

2024/04/10に公開
Swift
SwiftUI
tech

SwiftUIで同じ横幅、高さののViewを横に並べる方法です。
Viewを幅いっぱいに広げるためのモディファイアの.frame(maxWidth: .infinity)と
.frame(maxHeight: .infinity)をつけると同じ横幅でかつ同じ高さのViewを並べることができます。
.frame(maxWidth: .infinity, maxHeight: .infinity)と書きます。

HStack(spacing: 0) {
    Text("テスト１")
        .padding()
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(.red)

    Text("テスト2テスト2テスト2")
        .padding()
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(.green)
}
.frame(width: 200, height: 100)

Discussion