Switch between flows about swiftui-router HOT 3 CLOSED

import SwiftUI
import SwiftUIRouter

extension String: Identifiable {
	public var id: Self { self }
}

enum Constants {
	static let titles: [(title: String, image: String)] = [
		("Movies", "film"),
		("Music", "music.note"),
		("Books", "book"),
	]
}

struct ContentView: View {
	var body: some View {
		SwitchRoutes {
			Route("tabs/*") {
				TabsView()
			}

			Route {
				VStack {
					ForEach(Array(Constants.titles.enumerated()), id: \.element.title) { (index, element) in
						NavLink(to: "/tabs/" + element.title) {
							Text("Go to /tabs/" + element.title)
						}
					}
				}
			}
		}
	}
}

private struct TabsView: View {
	@EnvironmentObject private var navigator: Navigator
	@EnvironmentObject private var routeInformation: RouteInformation
	@State private var selected = -1

	private func setTabForRoute(_ route: String) {
		if let index = Constants.titles.firstIndex(where: { $0.title == route }) {
			selected = index
		}
	}

	var body: some View {
		TabView(selection: $selected) {
			ForEach(Array(Constants.titles.enumerated()), id: \.element.title) { (index, element) in
				VStack {
					Text(element.title)
					NavLink(to: "/") {
						Text("Back to root")
					}
				}
				.tag(index)
				.tabItem {
					Label(element.title, systemImage: element.image)
				}
			}
		}
		.onChange(of: selected) { newIndex in
			navigator.navigate(routeInformation.path + "/" + Constants.titles[newIndex].title)
		}
		.onChange(of: navigator.path) { newPath in
			let components = newPath.components(separatedBy: "/").dropFirst()
			if let route = components.first {
				setTabForRoute(route)
			}
		}
		.onAppear {
			let components = navigator.path[routeInformation.path.endIndex...].components(separatedBy: "/").dropFirst()
			if let route = components.first {
				setTabForRoute(route)
			}
		}
	}
}