SwiftUIでHStackを使い、同じ四角形を横に3つ配置したら、
struct ContentView: View { var body: some View { VStack{ HStack { ChildView() ChildView() ChildView() } HStack { ChildView() ChildView() ChildView() } } } } struct ChildView: View { var body: some View { Rectangle().fill(Color.blue) .frame(height: 100) } }
↓こちらのように、等間隔で3つ並びます。
しかし、どうしても左右で非対称に配置したい、だけど中央で分けたいという時は、
ダミーのビューを1つかますと、いいかもしれません。
import SwiftUI struct ContentView : View { var body: some View { VStack{ HStack { ChildView() DummyView() } HStack { DummyView() ChildView() } } } } struct DummyView: View { var body: some View { HStack { ChildView() ChildView() } } } struct ChildView: View { var body: some View { Rectangle().fill(Color.blue) .frame(height: 100) } }
すると、↓こんな感じで配置できます。