Add option to toggle voice instructions. (#53)

README.md

@@ -301,6 +301,10 @@ Boolean that controls route simulation. Set this as `true` to auto navigate whic
 
 Boolean that controls showing the end of route feedback UI when the route controller arrives at the final destination. Defaults to `false`.
 
+#### `mute`
+
+Boolean that toggles voice instructions. Defaults to `false`.
+
 #### `hideStatusView`
 
 Boolean that controls showing the `StatusView` (iOS only). This is the transparent black bar with the "Simulating Navigation" text shown in the above screenshot. Defaults to `false`.

android/src/main/java/com/homee/mapboxnavigation/MapboxNavigationManager.kt

@@ -75,4 +75,13 @@ class MapboxNavigationManager(var mCallerContext: ReactApplicationContext) : Sim
     fun setShowsEndOfRouteFeedback(view: MapboxNavigationView, showsEndOfRouteFeedback: Boolean) {
         view.setShowsEndOfRouteFeedback(showsEndOfRouteFeedback)
     }
-}
+
+    @ReactProp(name = "mute")
+    fun setMute(view: MapboxNavigationView, mute: Boolean) {
+        val isMuted = view.isVoiceGuidanceMuted()
+        if (mute != isMuted) {
+            view.toggleMute()
+        }
+        view.setMute(mute)
+    }
+}

android/src/main/java/com/homee/mapboxnavigation/MapboxNavigationView.kt

@@ -29,6 +29,7 @@ class MapboxNavigationView(private val context: ThemedReactContext) : Navigation
     private var destination: Point? = null
     private var shouldSimulateRoute = false
     private var showsEndOfRouteFeedback = false
+    private var mute = false
     private lateinit var navigationMapboxMap: NavigationMapboxMap
     private lateinit var mapboxNavigation: MapboxNavigation
 
@@ -97,7 +98,7 @@ class MapboxNavigationView(private val context: ThemedReactContext) : Navigation
                     .coordinates(mutableListOf(origin, destination))
                     .profile(RouteUrl.PROFILE_DRIVING)
                     .steps(true)
-                    .voiceInstructions(true)
+                    .voiceInstructions(!this.mute)
                     .build(), routesReqCallback)
         } catch (ex: Exception) {
             sendErrorToReact(ex.toString())
@@ -218,7 +219,11 @@ class MapboxNavigationView(private val context: ThemedReactContext) : Navigation
         this.showsEndOfRouteFeedback = showsEndOfRouteFeedback
     }
 
+    fun setMute(mute: Boolean) {
+        this.mute = mute
+    }
+
     fun onDropViewInstance() {
         this.onDestroy()
     }
-}
+}

dist/typings.d.ts

@@ -32,5 +32,6 @@ export interface IMapboxNavigationProps {
     onArrive?: () => void;
     showsEndOfRouteFeedback?: boolean;
     hideStatusView?: boolean;
+    mute?: boolean;
 }
 export {};

ios/MapboxNavigationManager.m

@@ -12,5 +12,6 @@ @interface RCT_EXTERN_MODULE(MapboxNavigationManager, RCTViewManager)
 RCT_EXPORT_VIEW_PROPERTY(shouldSimulateRoute, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(showsEndOfRouteFeedback, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(hideStatusView, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(mute, BOOL)
 
 @end

ios/MapboxNavigationView.swift

@@ -32,6 +32,7 @@ class MapboxNavigationView: UIView, NavigationViewControllerDelegate {
   @objc var shouldSimulateRoute: Bool = false
   @objc var showsEndOfRouteFeedback: Bool = false
   @objc var hideStatusView: Bool = false
+  @objc var mute: Bool = false
 
   @objc var onLocationChange: RCTDirectEventBlock?
   @objc var onRouteProgressChange: RCTDirectEventBlock?
@@ -95,6 +96,8 @@ class MapboxNavigationView: UIView, NavigationViewControllerDelegate {
 
           vc.showsEndOfRouteFeedback = strongSelf.showsEndOfRouteFeedback
           StatusView.appearance().isHidden = strongSelf.hideStatusView
+
+          NavigationSettings.shared.voiceMuted = strongSelf.mute;
 
           vc.delegate = strongSelf
 

src/typings.ts

@@ -36,4 +36,5 @@ export interface IMapboxNavigationProps {
   onArrive?: () => void;
   showsEndOfRouteFeedback?: boolean;
   hideStatusView?: boolean;
+  mute?: boolean;
 }