@complexify/expo-mapbox-navigation 1.0.7 → 1.0.9

package/build/ExpoMapboxNavigation.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoMapboxNavigation.types.js","sourceRoot":"","sources":["../src/ExpoMapboxNavigation.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ViewStyle, StyleProp } from \"react-native/types\";\n\ntype ProgressEvent = {\n  distanceRemaining: number;\n  distanceTraveled: number;\n  durationRemaining: number;\n  fractionTraveled: number;\n};\n\nexport type ExpoMapboxNavigationViewProps = {\n  coordinates: Array<{ latitude: number; longitude: number }>;\n  waypointIndices?: number[];\n  useRouteMatchingApi?: boolean;\n  locale?: string;\n  routeProfile?: string;\n  routeExcludeList?: string[];\n  mapStyle?: string;\n  mute?: boolean;\n  routeColor?: string;\n  routeAlternateColor?: string;\n  routeCasingColor?: string;\n  routeAlternateCasingColor?: string;\n  traversedRouteColor?: string;\n  maneuverArrowColor?: string;\n  onRouteProgressChanged?: (event: { nativeEvent: ProgressEvent }) => void;\n  onCancelNavigation?: () => void;\n  onWaypointArrival?: (event: {\n    nativeEvent: ProgressEvent | undefined;\n  }) => void;\n  onFinalDestinationArrival?: () => void;\n  onRouteChanged?: () => void;\n  onUserOffRoute?: () => void;\n  onRoutesLoaded?: () => void;\n  style?: StyleProp<ViewStyle>;\n  \n  // Top Banner (1)\n  topBannerBackgroundColor?: string;\n  topBannerPrimaryTextColor?: string;\n  topBannerSecondaryTextColor?: string;\n  topBannerDistanceTextColor?: string;\n  topBannerSeparatorColor?: string;\n\n  // Information Stack (2)\n  informationStackBackgroundColor?: string;\n  informationStackTextColor?: string;\n\n  // Bottom Banner (3)\n  bottomBannerBackgroundColor?: string;\n  bottomBannerTimeRemainingTextColor?: string;\n  bottomBannerDistanceRemainingTextColor?: string;\n  bottomBannerArrivalTimeTextColor?: string;\n\n  // Resume Button (4)\n  resumeButtonBackgroundColor?: string;\n  resumeButtonTextColor?: string;\n\n  // Speed Limit View (5)\n  speedLimitBackgroundColor?: string;\n  speedLimitTextColor?: string;\n\n  // Floating Stack (6)\n  floatingStackBackgroundColor?: string;\n  floatingButtonsBackgroundColor?: string;\n\n  // Way Name Label (8)\n  wayNameViewBackgroundColor?: string;\n  wayNameViewTextColor?: string;\n};\n"]}
+{"version":3,"file":"ExpoMapboxNavigation.types.js","sourceRoot":"","sources":["../src/ExpoMapboxNavigation.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ViewStyle, StyleProp } from \"react-native/types\";\n\ntype ProgressEvent = {\n  distanceRemaining: number;\n  distanceTraveled: number;\n  durationRemaining: number;\n  fractionTraveled: number;\n};\n\nexport type ExpoMapboxNavigationViewProps = {\n  coordinates: Array<{ latitude: number; longitude: number }>;\n  waypointIndices?: number[];\n  useRouteMatchingApi?: boolean;\n  locale?: string;\n  routeProfile?: string;\n  routeExcludeList?: string[];\n  mapStyle?: string;\n  mute?: boolean;\n  routeColor?: string;\n  routeAlternateColor?: string;\n  routeCasingColor?: string;\n  routeAlternateCasingColor?: string;\n  traversedRouteColor?: string;\n  maneuverArrowColor?: string;\n  onRouteProgressChanged?: (event: { nativeEvent: ProgressEvent }) => void;\n  onCancelNavigation?: () => void;\n  onWaypointArrival?: (event: {\n    nativeEvent: ProgressEvent | undefined;\n  }) => void;\n  onFinalDestinationArrival?: () => void;\n  onRouteChanged?: () => void;\n  onUserOffRoute?: () => void;\n  onRoutesLoaded?: () => void;\n  style?: StyleProp<ViewStyle>;\n\n  // Top Banner (1)\n  topBannerBackgroundColor?: string;\n  topBannerPrimaryTextColor?: string;\n  topBannerSecondaryTextColor?: string;\n  topBannerDistanceTextColor?: string;\n  topBannerSeparatorColor?: string;\n\n  // Information Stack (2)\n  informationStackBackgroundColor?: string;\n  informationStackTextColor?: string;\n\n  // Bottom Banner (3)\n  bottomBannerBackgroundColor?: string;\n  bottomBannerTimeRemainingTextColor?: string;\n  bottomBannerDistanceRemainingTextColor?: string;\n  bottomBannerArrivalTimeTextColor?: string;\n\n  // Resume Button (4)\n  resumeButtonBackgroundColor?: string;\n  resumeButtonTextColor?: string;\n\n  // Speed Limit View (5)\n  speedLimitBackgroundColor?: string;\n  speedLimitTextColor?: string;\n\n  // Floating Stack (6)\n  floatingStackBackgroundColor?: string;\n  floatingButtonsBackgroundColor?: string;\n\n  // Way Name Label (8)\n  wayNameViewBackgroundColor?: string;\n  wayNameViewTextColor?: string;\n};\n"]}

package/ios/ExpoMapboxNavigationModule.swift

@@ -138,7 +138,6 @@ public class ExpoMapboxNavigationModule: Module {
           }
       }
 
-      // Information Stack
       Prop("informationStackBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
           if let hexColor = color {
               view.controller.setInformationStackBackgroundColor(hexColor: hexColor)
@@ -151,20 +150,18 @@ public class ExpoMapboxNavigationModule: Module {
           }
       }
 
-      // Resume Button
-      Prop("resumeButtonBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
+      Prop("floatingStackBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
           if let hexColor = color {
-              view.controller.setResumeButtonBackgroundColor(hexColor: hexColor)
+              view.controller.setFloatingStackBackgroundColor(hexColor: hexColor)
           }
       }
 
-      Prop("resumeButtonTextColor") { (view: ExpoMapboxNavigationView, color: String?) in
+      Prop("floatingButtonsBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
           if let hexColor = color {
-              view.controller.setResumeButtonTextColor(hexColor: hexColor)
+              view.controller.setFloatingButtonsBackgroundColor(hexColor: hexColor)
           }
       }
 
-      // Speed Limit
       Prop("speedLimitBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
           if let hexColor = color {
               view.controller.setSpeedLimitBackgroundColor(hexColor: hexColor)
@@ -177,31 +174,29 @@ public class ExpoMapboxNavigationModule: Module {
           }
       }
 
-      // Floating Stack
-      Prop("floatingStackBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
+      Prop("wayNameViewBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
           if let hexColor = color {
-              view.controller.setFloatingStackBackgroundColor(hexColor: hexColor)
+              view.controller.setWayNameViewBackgroundColor(hexColor: hexColor)
           }
       }
 
-      Prop("floatingButtonsBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
+      Prop("wayNameViewTextColor") { (view: ExpoMapboxNavigationView, color: String?) in
           if let hexColor = color {
-              view.controller.setFloatingButtonsBackgroundColor(hexColor: hexColor)
+              view.controller.setWayNameViewTextColor(hexColor: hexColor)
           }
       }
 
-      // Way Name View
-      Prop("wayNameViewBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
+      Prop("resumeButtonBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
           if let hexColor = color {
-              view.controller.setWayNameViewBackgroundColor(hexColor: hexColor)
+              view.controller.setResumeButtonBackgroundColor(hexColor: hexColor)
           }
       }
 
-      Prop("wayNameViewTextColor") { (view: ExpoMapboxNavigationView, color: String?) in
+      Prop("resumeButtonTextColor") { (view: ExpoMapboxNavigationView, color: String?) in
           if let hexColor = color {
-              view.controller.setWayNameViewTextColor(hexColor: hexColor)
+              view.controller.setResumeButtonTextColor(hexColor: hexColor)
           }
       }
     }
   }
-}
+}

package/ios/ExpoMapboxNavigationView.swift

@@ -73,27 +73,27 @@ class ExpoMapboxNavigationViewController: UIViewController {
     var currentTraversedRouteColor: UIColor?
     var currentManeuverArrowColor: UIColor?
 
-    var topBannerBackgroundColor: UIColor?
-    var topBannerPrimaryTextColor: UIColor?
-    var topBannerSecondaryTextColor: UIColor?
-    var topBannerDistanceTextColor: UIColor?
-    var topBannerSeparatorColor: UIColor?
-
-    var bottomBannerBackgroundColor: UIColor?
-    var bottomBannerTimeRemainingTextColor: UIColor?
-    var bottomBannerDistanceRemainingTextColor: UIColor?
-    var bottomBannerArrivalTimeTextColor: UIColor?
-
-    var informationStackBackgroundColor: UIColor?
-    var informationStackTextColor: UIColor?
-    var resumeButtonBackgroundColor: UIColor?
-    var resumeButtonTextColor: UIColor?
-    var speedLimitBackgroundColor: UIColor?
-    var speedLimitTextColor: UIColor?
-    var floatingStackBackgroundColor: UIColor?
-    var floatingButtonsBackgroundColor: UIColor?
-    var wayNameViewBackgroundColor: UIColor?
-    var wayNameViewTextColor: UIColor?
+    var currentTopBannerBackgroundColor: UIColor?
+    var currentTopBannerPrimaryTextColor: UIColor?
+    var currentTopBannerSecondaryTextColor: UIColor?
+    var currentTopBannerDistanceTextColor: UIColor?
+    var currentTopBannerSeparatorColor: UIColor?
+
+    var currentBottomBannerBackgroundColor: UIColor?
+    var currentBottomBannerTimeRemainingTextColor: UIColor?
+    var currentBottomBannerDistanceRemainingTextColor: UIColor?
+    var currentBottomBannerArrivalTimeTextColor: UIColor?
+
+    var currentInformationStackBackgroundColor: UIColor?
+    var currentInformationStackTextColor: UIColor?
+    var currentFloatingStackBackgroundColor: UIColor?
+    var currentFloatingButtonsBackgroundColor: UIColor?
+    var currentSpeedLimitBackgroundColor: UIColor?
+    var currentSpeedLimitTextColor: UIColor?
+    var currentWayNameViewBackgroundColor: UIColor?
+    var currentWayNameViewTextColor: UIColor?
+    var currentResumeButtonBackgroundColor: UIColor?
+    var currentResumeButtonTextColor: UIColor?
 
     init() {
         super.init(nibName: nil, bundle: nil)
@@ -235,98 +235,89 @@ class ExpoMapboxNavigationViewController: UIViewController {
     }
 
     func setTopBannerBackgroundColor(hexColor: String) {
-        topBannerBackgroundColor = UIColor(hex: hexColor)
-        update()
+        currentTopBannerBackgroundColor = UIColor(hex: hexColor)
     }
 
     func setTopBannerPrimaryTextColor(hexColor: String) {
-        topBannerPrimaryTextColor = UIColor(hex: hexColor)
-        update()
+        currentTopBannerPrimaryTextColor = UIColor(hex: hexColor)
     }
 
     func setTopBannerSecondaryTextColor(hexColor: String) {
-        topBannerSecondaryTextColor = UIColor(hex: hexColor)
-        update()
+        currentTopBannerSecondaryTextColor = UIColor(hex: hexColor)
     }
 
     func setTopBannerDistanceTextColor(hexColor: String) {
-        topBannerDistanceTextColor = UIColor(hex: hexColor)
-        update()
+        currentTopBannerDistanceTextColor = UIColor(hex: hexColor)
     }
 
     func setTopBannerSeparatorColor(hexColor: String) {
-        topBannerSeparatorColor = UIColor(hex: hexColor)
-        update()
+        currentTopBannerSeparatorColor = UIColor(hex: hexColor)
     }
 
     func setBottomBannerBackgroundColor(hexColor: String) {
-        bottomBannerBackgroundColor = UIColor(hex: hexColor)
-        update()
+        currentBottomBannerBackgroundColor = UIColor(hex: hexColor)
     }
 
     func setBottomBannerTimeRemainingTextColor(hexColor: String) {
-        bottomBannerTimeRemainingTextColor = UIColor(hex: hexColor)
-        update()
+        currentBottomBannerTimeRemainingTextColor = UIColor(hex: hexColor)
     }
 
     func setBottomBannerDistanceRemainingTextColor(hexColor: String) {
-        bottomBannerDistanceRemainingTextColor = UIColor(hex: hexColor)
-        update()
+        currentBottomBannerDistanceRemainingTextColor = UIColor(hex: hexColor)
     }
 
     func setBottomBannerArrivalTimeTextColor(hexColor: String) {
-        bottomBannerArrivalTimeTextColor = UIColor(hex: hexColor)
-        update()
+        currentBottomBannerArrivalTimeTextColor = UIColor(hex: hexColor)
     }
 
     func setInformationStackBackgroundColor(hexColor: String) {
-        informationStackBackgroundColor = UIColor(hex: hexColor)
-        update()
+        currentInformationStackBackgroundColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
     }
 
     func setInformationStackTextColor(hexColor: String) {
-        informationStackTextColor = UIColor(hex: hexColor)
-        update()
+        currentInformationStackTextColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
     }
 
-    func setResumeButtonBackgroundColor(hexColor: String) {
-        resumeButtonBackgroundColor = UIColor(hex: hexColor)
-        update()
+    func setFloatingStackBackgroundColor(hexColor: String) {
+        currentFloatingStackBackgroundColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
     }
 
-    func setResumeButtonTextColor(hexColor: String) {
-        resumeButtonTextColor = UIColor(hex: hexColor)
-        update()
+    func setFloatingButtonsBackgroundColor(hexColor: String) {
+        currentFloatingButtonsBackgroundColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
     }
 
     func setSpeedLimitBackgroundColor(hexColor: String) {
-        speedLimitBackgroundColor = UIColor(hex: hexColor)
-        update()
+        currentSpeedLimitBackgroundColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
     }
 
     func setSpeedLimitTextColor(hexColor: String) {
-        speedLimitTextColor = UIColor(hex: hexColor)
-        update()
+        currentSpeedLimitTextColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
     }
 
-    func setFloatingStackBackgroundColor(hexColor: String) {
-        floatingStackBackgroundColor = UIColor(hex: hexColor)
-        update()
+    func setWayNameViewBackgroundColor(hexColor: String) {
+        currentWayNameViewBackgroundColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
     }
 
-    func setFloatingButtonsBackgroundColor(hexColor: String) {
-        floatingButtonsBackgroundColor = UIColor(hex: hexColor)
-        update()
+    func setWayNameViewTextColor(hexColor: String) {
+        currentWayNameViewTextColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
     }
 
-    func setWayNameViewBackgroundColor(hexColor: String) {
-        wayNameViewBackgroundColor = UIColor(hex: hexColor)
-        update()
+    func setResumeButtonBackgroundColor(hexColor: String) {
+        currentResumeButtonBackgroundColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
     }
 
-    func setWayNameViewTextColor(hexColor: String) {
-        wayNameViewTextColor = UIColor(hex: hexColor)
-        update()
+    func setResumeButtonTextColor(hexColor: String) {
+        currentResumeButtonTextColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
     }
 
     func update(){
@@ -392,28 +383,53 @@ class ExpoMapboxNavigationViewController: UIViewController {
         onCancelNavigation?()
     }
 
-    func onRoutesCalculated(navigationRoutes: NavigationRoutes) {
+    func onRoutesCalculated(navigationRoutes: NavigationRoutes){
         onRoutesLoaded?()
 
         let topBanner = TopBannerViewController()
-        topBanner.view.backgroundColor = topBannerBackgroundColor ?? UIColor(hex: "#FFFFFF")
-        topBanner.instructionsBannerView.backgroundColor = topBannerBackgroundColor ?? UIColor(hex: "#FFFFFF")
         topBanner.instructionsBannerView.distanceFormatter.locale = currentLocale
+        
+        // Apply top banner colors
+        if let backgroundColor = currentTopBannerBackgroundColor {
+            topBanner.view.backgroundColor = backgroundColor
+        }
+        if let primaryTextColor = currentTopBannerPrimaryTextColor {
+            topBanner.instructionsBannerView.primaryLabel.textColor = primaryTextColor
+        }
+        if let secondaryTextColor = currentTopBannerSecondaryTextColor {
+            topBanner.instructionsBannerView.secondaryLabel.textColor = secondaryTextColor
+        }
+        if let distanceTextColor = currentTopBannerDistanceTextColor {
+            topBanner.instructionsBannerView.distanceLabel.textColor = distanceTextColor
+        }
+        if let separatorColor = currentTopBannerSeparatorColor {
+            topBanner.instructionsBannerView.separatorView.backgroundColor = separatorColor
+        }
 
         let bottomBanner = BottomBannerViewController()
-        bottomBanner.view.backgroundColor = bottomBannerBackgroundColor ?? UIColor(hex: "#FFFFFF")
         bottomBanner.distanceFormatter.locale = currentLocale
         bottomBanner.dateFormatter.locale = currentLocale
 
+        // Apply bottom banner colors
+        if let backgroundColor = currentBottomBannerBackgroundColor {
+            bottomBanner.view.backgroundColor = backgroundColor
+        }
+        if let timeRemainingColor = currentBottomBannerTimeRemainingTextColor {
+            bottomBanner.timeRemainingLabel.textColor = timeRemainingColor
+        }
+        if let distanceRemainingColor = currentBottomBannerDistanceRemainingTextColor {
+            bottomBanner.distanceRemainingLabel.textColor = distanceRemainingColor
+        }
+        if let arrivalTimeColor = currentBottomBannerArrivalTimeTextColor {
+            bottomBanner.arrivalTimeLabel.textColor = arrivalTimeColor
+        }
+
         let navigationOptions = NavigationOptions(
             mapboxNavigation: self.mapboxNavigation!,
             voiceController: ExpoMapboxNavigationViewController.navigationProvider.routeVoiceController,
             eventsManager: ExpoMapboxNavigationViewController.navigationProvider.eventsManager(),
-            styles: nil,
             topBanner: topBanner,
-            bottomBanner: bottomBanner,
-            predictiveCacheManager: nil,
-            navigationMapView: nil
+            bottomBanner: bottomBanner
         )
 
         let navigationViewController = NavigationViewController(
@@ -421,102 +437,66 @@ class ExpoMapboxNavigationViewController: UIViewController {
             navigationOptions: navigationOptions
         )
 
-        let navigationView = navigationViewController.navigationView
-
-        // 1. Instructions Banner (Top Banner)
-        let instructionsBanner = navigationView.instructionsBannerView
-        instructionsBanner.backgroundColor = topBannerBackgroundColor ?? UIColor(hex: "#FFFFFF")
-        instructionsBanner.primaryLabel.textColor = topBannerPrimaryTextColor ?? UIColor(hex: "#000000")
-        instructionsBanner.secondaryLabel.textColor = topBannerSecondaryTextColor ?? UIColor(hex: "#666666")
-        instructionsBanner.distanceLabel.textColor = topBannerDistanceTextColor ?? UIColor(hex: "#666666")
-        instructionsBanner.separatorView.backgroundColor = topBannerSeparatorColor ?? UIColor(hex: "#EEEEEE")
-
-        // 2. Information Stack
-        let informationStack = navigationView.informationStackView
-        informationStack.backgroundColor = informationStackBackgroundColor ?? UIColor(hex: "#FFFFFF")
-        for view in informationStack.arrangedSubviews {
-            if let label = view as? UILabel {
-                label.textColor = informationStackTextColor ?? UIColor(hex: "#000000")
-            }
-        }
-
-        // 3. Bottom Banner
-        let bottomBanner = navigationView.bottomBannerView
-        bottomBanner.backgroundColor = bottomBannerBackgroundColor ?? UIColor(hex: "#FFFFFF")
-        bottomBanner.timeRemainingLabel.textColor = bottomBannerTimeRemainingTextColor ?? UIColor(hex: "#000000")
-        bottomBanner.distanceRemainingLabel.textColor = bottomBannerDistanceRemainingTextColor ?? UIColor(hex: "#666666")
-        bottomBanner.arrivalTimeLabel.textColor = bottomBannerArrivalTimeTextColor ?? UIColor(hex: "#666666")
-
-        // 4. Resume Button
-        let resumeButton = navigationView.resumeButton
-        resumeButton.backgroundColor = resumeButtonBackgroundColor ?? UIColor(hex: "#FFFFFF")
-        resumeButton.setTitleColor(resumeButtonTextColor ?? UIColor(hex: "#000000"), for: .normal)
-
-        // 5. Speed Limit View
-        let speedLimitView = navigationView.speedLimitView
-        speedLimitView.backgroundColor = speedLimitBackgroundColor ?? UIColor(hex: "#FFFFFF")
-        if let speedLabel = speedLimitView.valueLabel {
-            speedLabel.textColor = speedLimitTextColor ?? UIColor(hex: "#000000")
-        }
-
-        // 6. Floating Stack
-        let floatingStack = navigationView.floatingStackView
-        floatingStack.backgroundColor = floatingStackBackgroundColor ?? UIColor(hex: "#FFFFFF")
-        for button in floatingStack.arrangedSubviews {
-            if let floatingButton = button as? UIButton {
-                floatingButton.backgroundColor = floatingButtonsBackgroundColor ?? UIColor(hex: "#FFFFFF")
-            }
-        }
-
-        // 7. Navigation Map
         let navigationMapView = navigationViewController.navigationMapView
-        navigationMapView.puckType = .puck2D(.navigationDefault)
+        navigationMapView!.puckType = .puck2D(.navigationDefault)
 
         let style = currentMapStyle != nil ? StyleURI(rawValue: currentMapStyle!) : StyleURI.streets
-        navigationMapView.mapView.mapboxMap.loadStyle(style!, completion: { _ in
-            navigationMapView.localizeLabels(locale: self.currentLocale)
-            do {
-                try navigationMapView.mapView.mapboxMap.localizeLabels(into: self.currentLocale)
+        navigationMapView!.mapView.mapboxMap.loadStyle(style!, completion: { _ in
+            navigationMapView!.localizeLabels(locale: self.currentLocale)
+            do{
+                try navigationMapView!.mapView.mapboxMap.localizeLabels(into: self.currentLocale)
             } catch {}
         })
+ 
+
+        let cancelButton = navigationViewController.navigationView.bottomBannerContainerView.findViews(subclassOf: CancelButton.self)[0]
+        cancelButton.addTarget(self, action: #selector(cancelButtonClicked), for: .touchUpInside)
 
-        // Apply map colors
+        navigationViewController.delegate = self
+        addChild(navigationViewController)
+        view.addSubview(navigationViewController.view)
+        navigationViewController.view.translatesAutoresizingMaskIntoConstraints = false
+        NSLayoutConstraint.activate([
+            navigationViewController.view.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 0),
+            navigationViewController.view.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: 0),
+            navigationViewController.view.topAnchor.constraint(equalTo: view.topAnchor, constant: 0),
+            navigationViewController.view.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: 0),
+        ])
+        didMove(toParent: self)
+        mapboxNavigation!.tripSession().startActiveGuidance(with: navigationRoutes, startLegIndex: 0)
+    
+        // Apply custom colors if set
         if let routeColor = currentRouteColor {
-            navigationMapView.routeColor = routeColor
+            navigationMapView?.routeColor = routeColor
         }
         if let alternateColor = currentRouteAlternateColor {
-            navigationMapView.routeAlternateColor = alternateColor
+            navigationMapView?.routeAlternateColor = alternateColor
         }
         if let casingColor = currentRouteCasingColor {
-            navigationMapView.routeCasingColor = casingColor
+            navigationMapView?.routeCasingColor = casingColor
         }
         if let alternateCasingColor = currentRouteAlternateCasingColor {
-            navigationMapView.routeAlternateCasingColor = alternateCasingColor
+            navigationMapView?.routeAlternateCasingColor = alternateCasingColor
         }
         if let traversedColor = currentTraversedRouteColor {
-            navigationMapView.traversedRouteColor = traversedColor
+            navigationMapView?.traversedRouteColor = traversedColor
         }
         if let arrowColor = currentManeuverArrowColor {
-            navigationMapView.maneuverArrowColor = arrowColor
+            navigationMapView?.maneuverArrowColor = arrowColor
         }
 
-        // 8. Way Name Label
-        let wayNameView = navigationView.wayNameView
-        wayNameView.backgroundColor = wayNameViewBackgroundColor ?? UIColor(hex: "#FFFFFF")
-        wayNameView.valueLabel.textColor = wayNameViewTextColor ?? UIColor(hex: "#000000")
+        // Apply custom colors to UI elements
+        if let backgroundColor = currentInformationStackBackgroundColor {
+            // Apply to information stack background
+            navigationViewController.navigationView.informationStackView?.backgroundColor = backgroundColor
+        }
 
-        navigationViewController.delegate = self
-        addChild(navigationViewController)
-        view.addSubview(navigationViewController.view)
-        navigationViewController.view.translatesAutoresizingMaskIntoConstraints = false
-        NSLayoutConstraint.activate([
-            navigationViewController.view.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 0),
-            navigationViewController.view.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: 0),
-            navigationViewController.view.topAnchor.constraint(equalTo: view.topAnchor, constant: 0),
-            navigationViewController.view.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: 0),
-        ])
-        navigationViewController.didMove(toParent: self)
-        mapboxNavigation!.tripSession().startActiveGuidance(with: navigationRoutes, startLegIndex: 0)
+        if let textColor = currentInformationStackTextColor {
+            // Apply to information stack text
+            navigationViewController.navigationView.informationStackView?.tintColor = textColor
+        }
+
+        // Apply other custom colors similarly...
     }
 }
 extension ExpoMapboxNavigationViewController: NavigationViewControllerDelegate {
@@ -553,4 +533,4 @@ extension UIColor {
 
         self.init(red: r, green: g, blue: b, alpha: 1.0)
     }
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@complexify/expo-mapbox-navigation",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "Expo module for Mapbox's Navigation SDK",
   "main": "build/index.js",
   "types": "build/index.d.ts",

package/src/ExpoMapboxNavigation.types.ts

@@ -32,7 +32,7 @@ export type ExpoMapboxNavigationViewProps = {
   onUserOffRoute?: () => void;
   onRoutesLoaded?: () => void;
   style?: StyleProp<ViewStyle>;
-  
+
   // Top Banner (1)
   topBannerBackgroundColor?: string;
   topBannerPrimaryTextColor?: string;