Custom TabView in SwiftUI

AdvanceTabView.swift

class AdvanceTabViewStore: ObservableObject {
    private init() {}
    static let shared = AdvanceTabViewStore()

    @Published var activeTab = 1
}

struct AdvanceTabView: View {
    @ObservedObject var store = AdvanceTabViewStore.shared

    var body: some View {
        VStack {
            AdvanceTabView_Content(tab: 1) { Text("Tab 1") }
            AdvanceTabView_Content(tab: 2) { Text("Tab 2") }
            AdvanceTabView_Content(tab: 3) { Text("Tab 3") }
            AdvanceTabView_Content(tab: 4) { Text("Tab 4") }
            AdvanceTabView_Content(tab: 5) { Text("Tab 5") }
            HStack {
                AdvanceTabView_Item(image: "star.fill", title: "Favorites", tab: 1)
                AdvanceTabView_Item(image: "clock.fill", title: "Recents", tab: 2)
                AdvanceTabView_Item(image: "person.crop.circle", title: "Contacts", tab: 3)
                AdvanceTabView_Item(image: "circle.grid.3x3.fill", title: "Keypad", tab: 4)
                AdvanceTabView_Item(image: "recordingtape", title: "Voicemail", tab: 5)
            }
        }
    }
}

struct AdvanceTabView_Content<Content: View>: View {
    @ObservedObject private var store = AdvanceTabViewStore.shared
    @State private var show = false

    private let tab: Int
    private let content: () -> Content

    init(tab: Int, @ViewBuilder content: @escaping () -> Content) {
        self.tab = tab
        self.content = content
    }

    var body: some View {
        Group {
            if tab == store.activeTab {
                self.content()
                    .frame(maxWidth: .infinity, maxHeight: .infinity)
                    .offset(x: self.show ? 0 : UIScreen.main.bounds.width)
                    .onAppear {
                        withAnimation(.linear(duration: 0.5)) {
                            self.show = true
                        }
                    }
                    .onDisappear { self.show = false }
            }
        }
    }
}

struct AdvanceTabView_Item: View {
    let image: String
    let title: String
    let tab: Int

    var body: some View {
        VStack {
            ZStack {
                Text(" ")
                Image(systemName: image)
            }
            Text(title)
        }
        .frame(maxWidth: .infinity)
        .contentShape(Rectangle())
        .onTapGesture {
            AdvanceTabViewStore.shared.activeTab = self.tab
        }
    }
}

struct AdvanceTabView_Previews: PreviewProvider {
    static var previews: some View {
        AdvanceTabView()
    }
}