Implement complete GPS speedometer functionality

Features implemented: - Real-time GPS speed tracking with permission handling - Customizable speed units (km/h, mph) with persistent settings - Digital and analog speedometer display styles - Dark/light theme support with system integration - Optional metrics: coordinates, distance, trip time, GPS accuracy - Trip reset functionality and error handling - Modular architecture with Provider state management Technical details: - Added dependencies: geolocator, permission_handler, provider, shared_preferences - Configured Android location permissions (FINE_LOCATION, COARSE_LOCATION) - Portrait orientation lock for mobile-first experience - Extensible settings system for future customization options - Clean separation of concerns: providers, screens, widgets 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-20 23:30:14 +09:00
parent e0f643d846
commit f5239d4a2a
16 changed files with 1435 additions and 126 deletions
@@ -0,0 +1,170 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../providers/location_provider.dart';
+import '../providers/settings_provider.dart';
+import '../widgets/digital_speedometer.dart';
+import '../widgets/analog_speedometer.dart';
+import '../widgets/info_panel.dart';
+import 'settings_screen.dart';
+
+class SpeedometerScreen extends StatefulWidget {
+  const SpeedometerScreen({super.key});
+
+  @override
+  State<SpeedometerScreen> createState() => _SpeedometerScreenState();
+}
+
+class _SpeedometerScreenState extends State<SpeedometerScreen> {
+  @override
+  void initState() {
+    super.initState();
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      context.read<LocationProvider>().initializeLocation();
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('GPS Speedometer'),
+        actions: [
+          IconButton(
+            icon: const Icon(Icons.refresh),
+            onPressed: () {
+              context.read<LocationProvider>().resetTrip();
+            },
+            tooltip: 'Reset Trip',
+          ),
+          IconButton(
+            icon: const Icon(Icons.settings),
+            onPressed: () {
+              Navigator.push(
+                context,
+                MaterialPageRoute(builder: (context) => const SettingsScreen()),
+              );
+            },
+            tooltip: 'Settings',
+          ),
+        ],
+      ),
+      body: Consumer2<LocationProvider, SettingsProvider>(
+        builder: (context, locationProvider, settingsProvider, child) {
+          if (!locationProvider.hasLocationPermission) {
+            return _buildPermissionError(locationProvider.errorMessage);
+          }
+
+          if (locationProvider.errorMessage.isNotEmpty) {
+            return _buildError(locationProvider.errorMessage);
+          }
+
+          return Column(
+            children: [
+              Expanded(
+                flex: 3,
+                child: _buildSpeedometer(locationProvider, settingsProvider),
+              ),
+              Expanded(
+                flex: 1,
+                child: InfoPanel(
+                  locationProvider: locationProvider,
+                  settingsProvider: settingsProvider,
+                ),
+              ),
+            ],
+          );
+        },
+      ),
+    );
+  }
+
+  Widget _buildSpeedometer(LocationProvider locationProvider, SettingsProvider settingsProvider) {
+    final speed = settingsProvider.convertSpeed(locationProvider.currentSpeed);
+    
+    if (settingsProvider.speedometerStyle == SpeedometerStyle.digital) {
+      return DigitalSpeedometer(
+        speed: speed,
+        unit: settingsProvider.speedUnitString,
+      );
+    } else {
+      return AnalogSpeedometer(
+        speed: speed,
+        unit: settingsProvider.speedUnitString,
+      );
+    }
+  }
+
+  Widget _buildPermissionError(String message) {
+    return Center(
+      child: Padding(
+        padding: const EdgeInsets.all(24.0),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            const Icon(
+              Icons.location_off,
+              size: 64,
+              color: Colors.red,
+            ),
+            const SizedBox(height: 16),
+            Text(
+              'Location Permission Required',
+              style: Theme.of(context).textTheme.headlineSmall,
+              textAlign: TextAlign.center,
+            ),
+            const SizedBox(height: 8),
+            Text(
+              message,
+              style: Theme.of(context).textTheme.bodyMedium,
+              textAlign: TextAlign.center,
+            ),
+            const SizedBox(height: 16),
+            ElevatedButton(
+              onPressed: () {
+                context.read<LocationProvider>().initializeLocation();
+              },
+              child: const Text('Retry'),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildError(String message) {
+    return Center(
+      child: Padding(
+        padding: const EdgeInsets.all(24.0),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            const Icon(
+              Icons.error_outline,
+              size: 64,
+              color: Colors.orange,
+            ),
+            const SizedBox(height: 16),
+            Text(
+              'GPS Error',
+              style: Theme.of(context).textTheme.headlineSmall,
+              textAlign: TextAlign.center,
+            ),
+            const SizedBox(height: 8),
+            Text(
+              message,
+              style: Theme.of(context).textTheme.bodyMedium,
+              textAlign: TextAlign.center,
+            ),
+            const SizedBox(height: 16),
+            ElevatedButton(
+              onPressed: () {
+                context.read<LocationProvider>().initializeLocation();
+              },
+              child: const Text('Retry'),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}