Proper statusbar theme integration in app

Author: hmziqrs

lib/configs/AppTheme.dart

@@ -11,6 +11,8 @@ class AppTheme {
   static Color cardBg;
   static Color background;
   static Color background2;
+  static Color background2Dark;
+  static Color background2Light;
   static Color backgroundSub;
 
   static Color shadow;
@@ -64,6 +66,9 @@ class AppTheme {
     subText2 = Colors.black.withOpacity(0.60);
     subText3 = Colors.black.withOpacity(0.40);
 
+    background2Dark = TinyColor(theme.darkBackground).lighten(7).color;
+    background2Light = light.toTinyColor().darken(5).color;
+
     if (isDark()) {
       background = theme.darkBackground;
       background2 = TinyColor(theme.darkBackground).lighten(7).color;

lib/configs/StatusBar.dart

@@ -4,6 +4,7 @@ import 'package:flutter_uis/utils/UIUtils.dart';
 
 const MODE = 'mode';
 const LIGHT = 'light';
+const LIGHT_NAVDARK = 'light_navDark';
 const DARK = 'dark';
 
 final statusBarMap = {
@@ -20,14 +21,14 @@ final statusBarMap = {
   AppRoutes.hfdDetail: MODE,
 
   // Hot Air Balloon
-  AppRoutes.habHome: MODE,
+  AppRoutes.habHome: LIGHT,
   AppRoutes.habDetail: MODE,
 
   // Sky View
   AppRoutes.skvHome: MODE,
-  AppRoutes.skvDetail: MODE,
+  AppRoutes.skvDetail: LIGHT_NAVDARK,
 
-  AppRoutes.ascHome: MODE,
+  AppRoutes.ascHome: LIGHT,
 
   AppRoutes.etcHome: MODE,
 };
@@ -37,10 +38,25 @@ class StatusBarHandler {
     final theme = statusBarMap[route];
     switch (theme) {
       case DARK:
-        return UIUtils.getThemeStatusBar(context, Brightness.dark);
+        return UIUtils.getThemeStatusBar(
+          context,
+          statusBarBrightness: Brightness.light,
+          navBarBrightness: Brightness.light,
+        );
         break;
       case LIGHT:
-        return UIUtils.getThemeStatusBar(context, Brightness.light);
+        return UIUtils.getThemeStatusBar(
+          context,
+          statusBarBrightness: Brightness.dark,
+          navBarBrightness: Brightness.dark,
+        );
+        break;
+      case LIGHT_NAVDARK:
+        return UIUtils.getThemeStatusBar(
+          context,
+          statusBarBrightness: Brightness.dark,
+          navBarBrightness: Brightness.light,
+        );
         break;
       default:
         return UIUtils.getThemeStatusBar(context);

lib/utils/UIUtils.dart

@@ -7,30 +7,41 @@ import 'package:flutter_uis/io/io.dart';
 
 class UIUtils {
   static SystemUiOverlayStyle getThemeStatusBar(
-    BuildContext context, [
-    Brightness forceBrightness,
-  ]) {
+    BuildContext context, {
+    Brightness statusBarBrightness,
+    Brightness navBarBrightness,
+  }) {
     final isDark = App.isDark(context);
-    final brightness =
-        forceBrightness ?? (isDark ? Brightness.light : Brightness.dark);
+    final brightness = isDark ? Brightness.light : Brightness.dark;
     final base = brightness == Brightness.dark
         ? SystemUiOverlayStyle.light
         : SystemUiOverlayStyle.dark;
 
     if (Platform.isIOS) {
       final brightness = (!isDark ? Brightness.light : Brightness.dark);
       return base.copyWith(
-        statusBarBrightness: brightness,
-        statusBarIconBrightness: brightness,
-        systemNavigationBarIconBrightness: brightness,
+        statusBarBrightness: statusBarBrightness ?? brightness,
+        statusBarIconBrightness: statusBarBrightness ?? brightness,
+        systemNavigationBarIconBrightness: statusBarBrightness ?? brightness,
       );
     } else {
+      final reverse = statusBarBrightness == Brightness.light
+          ? Brightness.dark
+          : Brightness.light;
+
+      Color systemNavigationBarColor = AppTheme.background;
+      Color systemNavigationBarDividerColor = AppTheme.background2;
+      if (navBarBrightness == Brightness.light) {
+        systemNavigationBarColor = AppTheme.dark;
+        systemNavigationBarDividerColor = AppTheme.background2Dark;
+      }
       return (base.copyWith(
-        statusBarBrightness: brightness,
-        statusBarIconBrightness: brightness,
-        systemNavigationBarIconBrightness: brightness,
-        systemNavigationBarColor: AppTheme.background,
-        systemNavigationBarDividerColor: AppTheme.background2,
+        statusBarBrightness: statusBarBrightness != null ? reverse : brightness,
+        statusBarIconBrightness:
+            statusBarBrightness != null ? reverse : brightness,
+        systemNavigationBarIconBrightness: navBarBrightness ?? brightness,
+        systemNavigationBarColor: systemNavigationBarColor,
+        systemNavigationBarDividerColor: systemNavigationBarDividerColor,
       ));
     }
   }