SwiftUIで複雑なStack配置

Question

参考イメージのような一番右だけ下のViewと結合したような配置にしたいです。
こういった場合、どのようにStackを記載すればよいかわかりません。
何かオススメの方法などないでしょうか。

VStack {
    HStack {
        Text("aaa")
        Text("aaa")
        Text("aaa")
    }
    HStack {
        Text("aaa")
        Text("aaa")
        Text("aaa")
    }
}

Answer 1

愚直にやるなら以下のような形でしょうか

HStack(spacing: 0) {
    VStack(spacing: 0) {
        Color.red.frame(width: 50, height: 20)
        Color.blue.frame(width: 50, height: 20)
    }
    VStack(spacing: 0) {
        Color.green.frame(width: 50, height: 20)
        Color.yellow.frame(width: 50, height: 20)
    }
    Color.gray.frame(width: 50, height: 40)
}

Comments

[momiji0210]

アドバイスありがとうございます！なるほど・・・。
一度、縦に並べて配置する発想がなかったので助かりました。
そのようにまとめて使うのが一般的なのですね。
ありがとうございます！