ZStackで並べた三枚の画像をタップするごとに最背面に移動させる

Question

実現したいこと

ここに実現したいことを箇条書きで書いてください。
・タップするごとに画像が変わるようにしたい(A→B→C→A)

前提

ここに質問の内容を詳しく書いてください。
swiftでアプリを作っています。
ZStackで上からA,B,Cという画像を並べました。
AをタップするとBに、BをタップするとCに、CをタップするとAになるようにしたいです。(タップした画像が最背面に移動するということ)
どうしたら良いですか？

Answer 1

次のような感じですか？

import SwiftUI

struct ContentView: View {
    @State private var count: Int = 0
    var body: some View {
        VStack {
            ZStack {
                Image("A")
                    .zIndex(Double((count + 2) % 3))
                Image("B")
                    .zIndex(Double((count + 1) % 3))
                Image("C")
                    .zIndex(Double((count) % 3))
            }
            .onTapGesture(perform: { count += 1 })
        }
        .padding()
    }
}

追記です。

左側と右側で独立するように、ですかね。

import SwiftUI

struct ContentView: View {
    @State private var count: Int = 0
    @State private var count2: Int = 0
    var body: some View {
        VStack {
            HStack {
                ZStack {
                    Image("A")
                        .zIndex(Double((count + 2) % 3))
                    Image("B")
                        .zIndex(Double((count + 1) % 3))
                    Image("C")
                        .zIndex(Double((count) % 3))
                }
                .onTapGesture(perform: { count += 1 })
                ZStack {
                    Image("D")
                        .zIndex(Double((count2 + 2) % 3))
                    Image("E")
                        .zIndex(Double((count2 + 1) % 3))
                    Image("F")
                        .zIndex(Double((count2) % 3))
                }
                .onTapGesture(perform: { count2 += 1 })
            }
        }
        .padding()
    }
}

＊具体的なコードも質問欄にご記載いただけますと、よりよいかなと思います。

Comments

[jinsuke]

回答ありがとうございます。
試したところ問題が解決しました！
ベストアンサーに選ばせていただきました。

[jinsuke]

重ね重ね申し訳ありません。
もう一点質問させてください。

今回のことを応用して次のようなことをしたいのですが上手くいきませんでした。

[やりたいこと]
①上からA→B→Cと並べる
②①の右側に上からD→E→Fと並べる
③AをタップするとB、BをタップするとC、CをタップするとAになるようにしたい
④DをタップするとE、EをタップするとF、FをタップするとDになるようにしたい

[どうなったか]
AをタップするとAはBになり、DがEになってしまいました。

解決策をご教授いただけると幸いです。

[jinsuke]

回答ありがとうございます。
試したところ問題が解決しました！
丁寧に教えていただきありがとうございました。