Fix map dark and light mode style

canopas · Jun 17, 2024 · 7f18066 · 7f18066
1 parent d59ff7e
commit 7f18066
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/app/lib/ui/flow/home/map/map_view.dart b/app/lib/ui/flow/home/map/map_view.dart
@@ -57,6 +57,7 @@ class _MapScreenState extends ConsumerState<MapView> {
     notifier = ref.watch(mapViewStateProvider.notifier);
     final state = ref.watch(mapViewStateProvider);
 
+    _updateMapStyle(context.brightness == Brightness.dark);
     return Stack(
       children: [
         Center(
@@ -101,6 +102,17 @@ class _MapScreenState extends ConsumerState<MapView> {
     _controller.complete(controller);
   }
 
+  void _updateMapStyle(bool isDarkMode) async {
+    final controller = await _controller.future;
+    if (isDarkMode) {
+      final style =
+          await rootBundle.loadString('assets/map/map_theme_night.json');
+      controller.setMapStyle(style);
+    } else {
+      controller.setMapStyle(null);
+    }
+  }
+
   void _observeMapCameraPosition() {
     ref.listen(mapViewStateProvider.select((state) => state.defaultPosition),
         (previous, next) async {