CustomDashboard and navigation

[dmikots]

Hi!
I have a custom dashboard which switch my view.

struct TabViewCustom: View {
    var views: [TabBarItem]
    @State var selectedIndex: Int = 0

    init(_ views: [TabBarItem]) {
        self.views = views
    }

    var body: some View {
        ZStack {
            ForEach(views.indices) { i in
                self.views[i].view
                    .opacity(self.selectedIndex == i ? 1 : 0)
            }
            GeometryReader { geometry in
                VStack {
                    Spacer()
                    ZStack(alignment: .top) {
                        Color.grayHeader.ignoresSafeArea()
                            .frame(height: 49 + geometry.safeAreaInsets.bottom)
                        HStack(spacing: 2) {
                            ForEach(self.views.indices) { i in
                                Button(action: {
                                    self.selectedIndex = i
                                }) {
                                    VStack {
                                        if self.selectedIndex == i {
                                            self.views[i].imageActive
                                                .foregroundColor(.white)
                                                .padding(.top, 8)
                                        } else {
                                            self.views[i].imageInactive
                                                .foregroundColor(Color.white.opacity(0.5))
                                                .padding(.top, 8)
                                        }
                                    }
                                    .frame(maxWidth: .infinity)
                                }
                            }
                        }
                    }
                }
                .edgesIgnoringSafeArea(.bottom)
                .animation(.easeInOut)
            }
        }
    }
}

This is my RootView

 TabViewCustom([
                    TabBarItem(
                        view:
                        IfLetStore(self.store.scope(state: \.dashboardState, action: RootAction.dashboardAction)) { store in
                            DashboardRootView(store: store)
                        },
                        imageActive: Image("dashboardActive"),
                        imageInactive: Image("dashboardInactive")
                    ),

                    TabBarItem(
                        view: DriverProfileView(
                            store: store
                                .scope(state: \.driverProfileState, action: RootAction.driverProfileAction)
                        ),
                        imageActive: Image("driverProfileActive"),
                        imageInactive: Image("driverProfileInactive")
                    ),

                    TabBarItem(
                        view: ScanQRView(),
                        imageActive: Image("scanQRActive"),
                        imageInactive: Image("scanQRInactive")
                    ),
                    TabBarItem(
                        view: BookingsDashboardView(store: store.scope(state: \.bookingState, action: RootAction.bookingAction)),
                        imageActive: Image("bookingsActive"),
                        imageInactive: Image("bookingsInactive")
                    ),
                    TabBarItem(
                        view: AccountView(store: store.scope(state: \.accountState, action: RootAction.accountAction)),
                        imageActive: Image("accountActive"),
                        imageInactive: Image("accountInactive")
                    )
                ])

Every Store have navigation Like Store1 -> Store2 - > Store3
How can I add an action which would close Store2 -> Store3
when you click the button on the dashboard again

[dmikots]

This is my solution
1-st we need to add some binding and action.

import SwiftUI
struct TabViewCustom: View {
    var views: [TabBarItem]
    @State private var selectedIndex: Int = 0
    @Binding var currentIndex: Int
    let action: () -> Void
    init(_ views: [TabBarItem], currentIndex: Binding<Int>, action: @escaping () -> Void) {
        self.views = views
        _currentIndex = currentIndex
        self.action = action
    }

    var body: some View {
        ZStack {
            ForEach(views.indices) { i in
                self.views[i].view
                    .opacity(self.selectedIndex == i ? 1 : 0)
            }
            GeometryReader { geometry in
                VStack {
                    Spacer()
                    ZStack(alignment: .top) {
                        Color.grayHeader.ignoresSafeArea()
                            .frame(height: 49 + geometry.safeAreaInsets.bottom)
                        HStack(spacing: 2) {
                            ForEach(self.views.indices) { i in
                                Button(action: {
                                    self.selectedIndex = i
                                    if currentIndex == selectedIndex {
                                        action()
                                    }
                                    currentIndex = selectedIndex
                                }) {
                                    VStack {
                                        if self.selectedIndex == i {
                                            self.views[i].imageActive
                                                .foregroundColor(.white)
                                                .padding(.top, 8)
                                        } else {
                                            self.views[i].imageInactive
                                                .foregroundColor(Color.white.opacity(0.5))
                                                .padding(.top, 8)
                                        }
                                    }
                                    .frame(maxWidth: .infinity)
                                }
                            }
                        }
                    }
                }
                .edgesIgnoringSafeArea(.bottom)
                .animation(.easeInOut)
            }
        }
    }
}

struct TabBarItem {
    var view: AnyView
    var imageActive: Image
    var imageInactive: Image

    init<V: View>(view: V, imageActive: Image, imageInactive: Image) {
        self.view = AnyView(view)
        self.imageActive = imageActive
        self.imageInactive = imageInactive
    }
}

Then we need to reinit stores in reducer

 case .tapTabBar:
                switch state.index {
                case 0:
                    state.dashboardState = .init()
                case 1:
                    state.driverProfileState = .init()
                case 3:
                    state.bookingState = .init()
                case 5:
                    state.accountState = .init()
                default:
                    return .none
                }

This works for me