azamsharp

struct ContentView: View {
    
    let customers = ["Alex", "Mary", "John"]
    @State var selectedCustomer: String?
    
    var body: some View {
        NavigationView {
            VStack {
                    
                // get the selected customer

azamsharp

struct CustomerListView: View {
    
    let customers: [String]
    let onSelected: ((String) -> Void)?
    
    init(customers: [String], onSelected: ((String) -> Void)? = nil) {
        self.customers = customers
        self.onSelected = onSelected
    }
    

azamsharp

var body: some View {
        NavigationView {
            VStack {
                
                CustomerListView(customers: customers)
                
            }
           
            
            .navigationTitle("Customers")

azamsharp

import SwiftUI

struct CustomerListView: View {
    
    let customers: [String]
   
    
    var body: some View {
        
        List(customers, id: \.self) { customer in

azamsharp

 NavigationView {
            VStack {
                
                List(customers, id: \.self) { customer in
                    NavigationLink(
                        destination: DetailView(customer: customer),
                        label: {
                            HStack {
                                Text(customer)
                                Spacer()

azamsharp

import SwiftUI

struct DetailView: View {
    
    let customer: String
    
    var body: some View {
        Text(customer)
            .font(.largeTitle)

azamsharp

//
//  ContentView.swift
//  RoutingDemo
//
//  Created by Mohammad Azam on 1/13/21.
//

import SwiftUI

extension View {

azamsharp

NavigationView {
            VStack {
                
                Button(action: {}, label: {
                    Navigator.navigate(.detail("USA"), content: {
                        Text("GO")
                    })
                })
                
                .navigationTitle("Countries")

azamsharp

NavigationView {
            VStack {
                
                List(countries, id: \.self) { country in
                    Navigator.navigate(.detail(country), content: {
                        Text(country)
                    })
                }.listStyle(PlainListStyle())
                
                .navigationTitle("Countries")

azamsharp

class Navigator {
    static func navigate<T: View>(_ route: Route, content: () -> T) -> AnyView {
        
        switch route {
            case .detail(let country):
            
                return
                    NavigationLink(
                        destination: DetailView(country: country)) {
                        content()