SwiftUI: alterando a visualização usando “if else”

Estou tentando alterar uma visualização com base em uma seleção feita com um botão. Estou usando Combine e SwiftUI.

Eu crio uma classe de roteador de exibição com um @Publishedvar:

import Foundation
import SwiftUI
import Combine

class ViewRouter: ObservableObject {

    @Published var currentView = "folder"

}

Eu tenho minha estrutura de botão:

import SwiftUI
import Combine

struct MultiButton: View {
    @ObservedObject var viewRouter = ViewRouter()
    @State var showButton = false

    var body: some View {
        GeometryReader { geometry in
            ZStack{

                // open multi button
                Button(action: {

                    withAnimation {
                        self.showButton.toggle()
                    }
                }) {
                    Image(systemName: "gear")
                        .resizable()
                        .frame(width: 40, height: 40, alignment: .center)
                }
                if self.showButton {

                    Multi()
                    .offset(CGSize(width: -30, height: -100))
                }
            }


        }
    }
}

struct MultiButton_Previews: PreviewProvider {
    static var previews: some View {
        MultiButton()
    }
}

struct Multi: View {

 @ObservedObject var viewRouter = ViewRouter()

    var body: some View {
        HStack(spacing: 10) {
            ZStack {

                Button(action: {
                    self.viewRouter.currentView = "folder"
                     debugPrint("\(self.viewRouter.currentView)")
                }) {
                    ZStack{

                    Circle()
                        .foregroundColor(Color.blue)
                        .frame(width: 70, height: 70)
                    Image(systemName: "folder")
                        .resizable()
                        .aspectRatio(contentMode: .fit)
                        .padding(20)
                        .frame(width: 70, height: 70)
                        .foregroundColor(.white)
                    }.shadow(radius: 10)
                }
            }

            Button(action: {
                self.viewRouter.currentView = "setting"
                debugPrint("\(self.viewRouter.currentView)")
            }, label: {
                ZStack {
                    Circle()
                        .foregroundColor(Color.blue)
                        .frame(width: 70, height: 70)
                    Image(systemName: "gear")
                        .resizable()
                        .aspectRatio(contentMode: .fit)
                        .padding(20)
                        .frame(width: 70, height: 70)
                        .foregroundColor(.white)
                }.shadow(radius: 10)
            })
        }
            .transition(.scale)
    }
}

E o contentView:

import SwiftUI
import Combine

struct ContentView: View {
    @ObservedObject var viewRouter = ViewRouter()
    var body: some View {
        VStack{

            MultiButton()

            if viewRouter.currentView == "folder" {
                Text("folder")
            } else if viewRouter.currentView == "setting"{
                Text("setting")
            }
        }
    }
}

Por que meu texto não está mudando da pasta para definir a base quando o botão é pressionado?

A var é @Published; ele deve publicar a alteração e atualizar a visualização principal.

Perdi alguma coisa?

Você tem várias instâncias de ViewRoutercom cada exibição tendo sua própria instância. Se você alterar essa instância, as outras instâncias não serão alteradas.

Para resolver isso, você precisa passar uma instância manualmente:

struct MultiButton {
    @ObservedObject var viewRouter: ViewRouter
    ...
}

struct ContentView {
    @ObservedObject var viewRouter = ViewRouter()
    var body: some View {
        VStack {
            MultiButton(viewRouter: self.viewRouter)
            ...
        }
    }
}

Ou você pode declará-lo como um objeto de ambiente:

struct MultiButton {
    @EnvironmentObject var viewRouter: ViewRouter
    ...
}

E, em seguida, injete-o, por exemplo, quando você cria sua hierarquia de visualização em seu delegado de cena:

let contentView = ContentView()
    .environmentObject(ViewRouter())

Observe que ao injetar o objeto de ambiente no delegado de cena, ele não estará disponível em todas as visualizações de uma visualização que usa o ViewRouter, a menos que você o injete manualmente também:

static var previews: some View {
    ContentView()
    .environmentObject(ViewRouter())
}