chore: semi transparent system nav bars when tapping video in fullscreen

namidaco · Jan 20, 2024 · 2980827 · 2980827
1 parent fab509d
commit 2980827
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 6 deletions.
diff --git a/lib/controller/navigator_controller.dart b/lib/controller/navigator_controller.dart
@@ -140,12 +140,19 @@ class NamidaNavigator {
     await SystemChrome.setEnabledSystemUIMode(SystemUiMode.edgeToEdge, overlays: SystemUiOverlay.values);
   }
 
-  void setDefaultsetSystemUIOverlayStyle() {
+  void setDefaultSystemUIOverlayStyle({bool semiTransparent = false}) {
     SystemChrome.setSystemUIOverlayStyle(
-      const SystemUiOverlayStyle(
-        statusBarColor: Colors.transparent,
-        systemNavigationBarColor: Colors.transparent,
-      ),
+      semiTransparent
+          ? const SystemUiOverlayStyle(
+              statusBarColor: Colors.black45,
+              statusBarIconBrightness: Brightness.light,
+              systemNavigationBarColor: Colors.black45,
+              systemNavigationBarIconBrightness: Brightness.light,
+            )
+          : const SystemUiOverlayStyle(
+              statusBarColor: Colors.transparent,
+              systemNavigationBarColor: Colors.transparent,
+            ),
     );
   }
 

diff --git a/lib/main.dart b/lib/main.dart
@@ -150,7 +150,7 @@ void main() async {
     NamidaNavigator.inst.setDefaultSystemUI(),
   ]);
 
-  NamidaNavigator.inst.setDefaultsetSystemUIOverlayStyle();
+  NamidaNavigator.inst.setDefaultSystemUIOverlayStyle();
 
   ScrollSearchController.inst.initialize();
   FlutterLocalNotificationsPlugin().cancelAll();

diff --git a/lib/ui/widgets/video_widget.dart b/lib/ui/widgets/video_widget.dart
@@ -78,9 +78,11 @@ class NamidaVideoControlsState extends State<NamidaVideoControls> with TickerPro
       if (visible) {
         // -- show status bar
         NamidaNavigator.inst.setDefaultSystemUI();
+        NamidaNavigator.inst.setDefaultSystemUIOverlayStyle(semiTransparent: true);
       } else {
         // -- hide status bar
         if (widget.isFullScreen && mounted) SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersiveSticky);
+        NamidaNavigator.inst.setDefaultSystemUIOverlayStyle(semiTransparent: false);
       }
     }
   }