# Google Navigation Flutter Setup Guide This document provides detailed instructions for completing the Google Navigation Flutter implementation. ## Overview The implementation includes: - Location permissions handling with user dialogs - Google Navigation session management - Turn-by-turn navigation for delivery destinations - Terms and Conditions acceptance for navigation services - i18n support (English/French) - Proper error handling and logging ## Prerequisites Before implementing, you need: 1. **Google Cloud Project** with Navigation SDK enabled 2. **API Keys** for both Android and iOS platforms 3. **Configuration** in Android and iOS native files ## Part 1: API Key Configuration ### Android Setup 1. Open `android/app/build.gradle.kts` 2. Add your Android API key to the metadata section in `AndroidManifest.xml`: ```xml ``` Alternatively, use Secrets Gradle Plugin for better security: ```gradle // In android/app/build.gradle.kts android { buildTypes { debug { manifestPlaceholders = [googleMapsApiKey: "YOUR_ANDROID_API_KEY"] } release { manifestPlaceholders = [googleMapsApiKey: "YOUR_ANDROID_API_KEY_RELEASE"] } } } ``` Then in `AndroidManifest.xml`: ```xml ``` ### iOS Setup 1. Open `ios/Runner/AppDelegate.swift` 2. The API key is already configured in the `provideAPIKey()` method: ```swift import GoogleMaps @main @objc class AppDelegate: FlutterAppDelegate { override func application( _ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? ) -> Bool { GMSServices.provideAPIKey("YOUR_IOS_API_KEY") GeneratedPluginRegistrant.register(with: self) return super.application(application, didFinishLaunchingWithOptions: launchOptions) } } ``` Replace `YOUR_IOS_API_KEY` with your actual Google Cloud Navigation API key. ## Part 2: Integration with Deliveries Page To add navigation button to deliveries, update `lib/pages/deliveries_page.dart`: ```dart import '../pages/navigation_page.dart'; // In your delivery item or action menu: ElevatedButton( onPressed: () { Navigator.of(context).push( MaterialPageRoute( builder: (context) => NavigationPage( delivery: delivery, destinationLatitude: delivery.latitude, destinationLongitude: delivery.longitude, onNavigationComplete: () { // Handle navigation completion // Update delivery status ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text( AppLocalizations.of(context)?.navigationArrived ?? 'Navigation completed', ), ), ); }, onNavigationCancelled: () { // Handle cancellation ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text( AppLocalizations.of(context)?.cancel ?? 'Navigation cancelled', ), ), ); }, ), ), ); }, child: Text(AppLocalizations.of(context)?.navigateToAddress ?? 'Navigate'), ) ``` ## Part 3: Location Permissions The app uses the `permission_handler` package for location permissions. Permissions are already configured in: - **Android**: `android/app/src/main/AndroidManifest.xml` - Required: `INTERNET`, `ACCESS_FINE_LOCATION`, `ACCESS_COARSE_LOCATION` - Optional background modes for continuous navigation - **iOS**: `ios/Runner/Info.plist` - `NSLocationWhenInUseUsageDescription`: When app is active - `NSLocationAlwaysAndWhenInUseUsageDescription`: Always - `NSLocationAlwaysUsageDescription`: Background location - Background mode: "location" enabled ## Part 4: Available Classes and Services ### NavigationPage Main UI widget for turn-by-turn navigation. ```dart NavigationPage( delivery: deliveryObject, destinationLatitude: 33.5731, destinationLongitude: -7.5898, onNavigationComplete: () { /* Handle arrival */ }, onNavigationCancelled: () { /* Handle cancellation */ }, ) ``` ### LocationPermissionService Handles location permission requests and checks. ```dart final permissionService = LocationPermissionService(); // Check current permission status final hasPermission = await permissionService.hasLocationPermission(); // Request permission final result = await permissionService.requestLocationPermission(); result.when( granted: () { /* Permission granted */ }, denied: () { /* Permission denied */ }, permanentlyDenied: () { /* Need to open settings */ }, error: (message) { /* Handle error */ }, ); ``` ### NavigationSessionService Manages the Google Navigation session lifecycle. ```dart final sessionService = NavigationSessionService(); // Initialize session await sessionService.initializeSession(); // Set controller from the navigation view await sessionService.setController(navigationViewController); // Calculate and set route final route = await sessionService.calculateRoute( startLatitude: 33.5731, startLongitude: -7.5898, destinationLatitude: 33.5745, destinationLongitude: -7.5850, ); // Listen to events sessionService.addArrivalListener((info) { print('Arrived at destination'); }); sessionService.addLocationListener((location) { print('Location: ${location.latitude}, ${location.longitude}'); }); // Start/stop navigation await sessionService.startNavigation(); await sessionService.stopNavigation(); // Cleanup when done await sessionService.cleanup(); ``` ### NavigationTermsAndConditionsDialog Dialog component to show T&C for navigation services. ```dart showDialog( context: context, builder: (context) => NavigationTermsAndConditionsDialog( onAccept: () { // Save acceptance and proceed with navigation }, onDecline: () { // User declined, don't start navigation }, ), ); ``` ## Part 5: Error Handling The implementation includes comprehensive error handling for: 1. **Location Permission Errors** - Permission denied - Permission permanently denied - System errors 2. **Navigation Initialization Errors** - Session initialization failure - Controller not available - Route calculation failure 3. **Runtime Errors** - Network issues - Location acquisition timeout - Navigation start/stop failures All errors are displayed through user-friendly dialogs with action buttons. ## Part 6: Internationalization Navigation strings are available in English and French: - `navigationTcTitle`, `navigationTcDescription` - `locationPermissionRequired`, `locationPermissionMessage` - `navigationArrived`, `navigatingTo` Add custom translations to `lib/l10n/app_*.arb` files as needed. ## Part 7: Testing Checklist ### Android Testing - [ ] Test on API level 23+ device - [ ] Verify minSdk=23 is set - [ ] Check desugaring is enabled - [ ] Test location permissions request - [ ] Verify navigation starts correctly - [ ] Test with GPS disabled/enabled - [ ] Verify Terms & Conditions dialog shows ### iOS Testing - [ ] Test on iOS 16.0+ device - [ ] Verify Info.plist has all location keys - [ ] Test location permissions request - [ ] Verify background location mode is enabled - [ ] Test navigation with map open - [ ] Verify arrival notification - [ ] Check attribution text is visible ### Common Issues and Solutions **Issue**: "Navigation SDK not available" - Solution: Verify API key is correctly added and Navigation SDK is enabled in Google Cloud Console **Issue**: "Location permission always denied" - Solution: Clear app data and reinstall, or open app settings and manually enable location **Issue**: "Navigation session fails to initialize" - Solution: Check that controller is properly created before calling methods **Issue**: "Routes not calculating" - Solution: Ensure start and destination coordinates are valid and within service areas ## Part 8: Production Considerations Before releasing to production: 1. **API Key Security** - Use separate API keys for Android and iOS - Restrict API keys by platform and package name - Rotate keys periodically 2. **Analytics** - Track navigation start/completion rates - Monitor location permission denial rates - Log any navigation errors 3. **User Experience** - Provide clear instructions for permission requests - Show progress during initialization - Handle network failures gracefully 4. **Compliance** - Ensure proper attribution to Google - Display Terms & Conditions for navigation - Comply with EEA data regulations if applicable ## Files Created/Modified ### Created Files - `lib/services/location_permission_service.dart` - Permission handling - `lib/services/navigation_session_service.dart` - Session management - `lib/pages/navigation_page.dart` - Navigation UI - `lib/components/navigation_tc_dialog.dart` - T&C dialog ### Modified Files - `android/app/build.gradle.kts` - Added minSdk=23, desugaring - `ios/Podfile` - iOS configuration (already set) - `ios/Runner/Info.plist` - Location permissions (updated) - `lib/l10n/app_en.arb` - English translations - `lib/l10n/app_fr.arb` - French translations ## Next Steps 1. Add your API keys to Android and iOS configurations 2. Test location permissions flow 3. Integrate navigation button into delivery items 4. Test navigation on real devices 5. Monitor and handle edge cases in production For more information, refer to: - [Google Navigation Flutter Documentation](https://developers.google.com/maps/documentation/navigation/mobile-sdk) - [Flutter Location Permissions](https://pub.dev/packages/permission_handler) - [Google Cloud Console](https://console.cloud.google.com)