Hello dear forum, I've been reading here for some time and now I have a problem that I can't solve on my own. I want to play a gif in the background in my app. At the push of a button I want another gif to be played.

My code plays the gif very well but cannot switch to the second one.

import SwiftUI
import WebKit

struct ContentView: View {

    @State var gifList: [String] = ["GifOne","GifTwo"]
    @State var index  : Int = 0

    var body: some View {

        ZStack {
                GifImage(gifList[index])

            VStack {

            Button("Next Gif please :-)") {
                   index = index + 1 }
        } //VStack
    } //ZStack
    }
}

struct GifImage: UIViewRepresentable {
    private let name: String

    init(_ name: String) {
        self.name = name
    }

    func makeUIView(context: Context) -> WKWebView {
        let webView = WKWebView()
        let url = Bundle.main.url(forResource: name, withExtension: "gif")!
        let data = try! Data(contentsOf: url)
        webView.load(
            data,
            mimeType: "image/gif",
            characterEncodingName: "UTF-8",
            baseURL: url.deletingLastPathComponent()
        )
        webView.scrollView.isScrollEnabled = false
        return webView
    }

    func updateUIView(_ uiView: WKWebView, context: Context) {
        uiView.reload()
    }

}