Search code examples
swiftuimapboxmapbox-ios

Mapbox iOS Navigation SDK Not Working With SwiftUI


I'm getting the error:

Type 'NavView' does not conform to protocol 'UIViewRepresentable'

Here is my code. What should I do? Thanks. Using SwiftUI

struct NavView: UIViewRepresentable{

    func makeUIView(context: Context) -> NavigationViewController {
        var viewController: NavigationViewController

        // Define two waypoints to travel between
        let origin = Waypoint(coordinate: CLLocationCoordinate2D(latitude: 38.9131752, longitude: -77.0324047), name: "Mapbox")
        let destination = Waypoint(coordinate: CLLocationCoordinate2D(latitude: 38.8977, longitude: -77.0365), name: "White House")

        // Set options
        let options = NavigationRouteOptions(waypoints: [origin, destination])

        // Request a route using MapboxDirections.swift
        Directions.shared.calculate(options) { (waypoints, routes, error) in
            guard let route = routes?.first else { return }
            // Pass the generated route to the the NavigationViewController
            viewController = NavigationViewController(for: route)
            viewController.modalPresentationStyle = .fullScreen

        }
    return viewController
    }

    func updateUIView(_ uiView: NavigationViewController, context: Context) {

    }
}

Solution

  • For this case it should be used UIViewControllerRepresentable, like below

    struct NavView: UIViewControllerRepresentable {
    
        func makeUIViewController(context: Context) -> NavigationViewController {
            var viewController: NavigationViewController
    
            // Define two waypoints to travel between
            let origin = Waypoint(coordinate: CLLocationCoordinate2D(latitude: 38.9131752, longitude: -77.0324047), name: "Mapbox")
            let destination = Waypoint(coordinate: CLLocationCoordinate2D(latitude: 38.8977, longitude: -77.0365), name: "White House")
    
            // Set options
            let options = NavigationRouteOptions(waypoints: [origin, destination])
    
            // Request a route using MapboxDirections.swift
            Directions.shared.calculate(options) { (waypoints, routes, error) in
                guard let route = routes?.first else { return }
                // Pass the generated route to the the NavigationViewController
                viewController = NavigationViewController(for: route)
                viewController.modalPresentationStyle = .fullScreen
    
            }
            return viewController
        }
    
        func updateUIViewController(_ uiViewController: NavigationViewController, context: Context) {
    
        }
    }