【SwiftUI】左右非対称のものをセンターで分ける

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)
    }
}

すると、↓こんな感じで配置できます。