statusbar

src/components/AppBar.vue

@@ -58,20 +58,14 @@ export default {
                 this.show = true;
             }
             if (this.$route.meta.tabColor) {
-                // eslint-disable-next-line no-undef
-                if (window.cordova && StatusBar) {
-                    // eslint-disable-next-line no-undef
+                if (window.cordova && StatusBar && StatusBar.isVisible) {
                     StatusBar.backgroundColorByHexString(this.$route.meta.tabColor);
-                    // eslint-disable-next-line no-undef
                     StatusBar.styleLightContent();
                 }
                 this.tabColor = this.$route.meta.tabColor;
             } else {
-                // eslint-disable-next-line no-undef
-                if (window.cordova && StatusBar) {
-                    // eslint-disable-next-line no-undef
+                if (window.cordova && StatusBar && StatusBar.isVisible) {
                     StatusBar.backgroundColorByHexString('#ffffff');
-                    // eslint-disable-next-line no-undef
                     StatusBar.styleDefault();
                 }
                 this.tabColor = '';

src/main.js

@@ -66,9 +66,9 @@ if (window.cordova) {
             setTimeout(() => {
                 navigator.splashscreen.hide();
                 if (window.cordova) {
-                    // eslint-disable-next-line no-redeclare
-                    /* global StatusBar */
                     StatusBar.show();
+                    StatusBar.backgroundColorByHexString('#F5F7FA');
+                    StatusBar.styleDefault();
                 }
             }, 2000);
             window.codePush.sync(

src/views/Home.vue

@@ -72,9 +72,7 @@ export default {
         };
     },
     mounted() {
-        // eslint-disable-next-line no-redeclare
-        /* global StatusBar */
-        if (window.cordova && StatusBar) {
+        if (window.cordova && StatusBar && StatusBar.isVisible) {
             StatusBar.backgroundColorByHexString('#F5F7FA');
             StatusBar.styleDefault();
         }

src/views/Store.vue

@@ -186,11 +186,8 @@ export default {
         }
     },
     mounted() {
-        // eslint-disable-next-line no-undef
-        if (window.cordova && StatusBar) {
-            // eslint-disable-next-line no-undef
+        if (window.cordova && StatusBar && StatusBar.isVisible) {
             StatusBar.backgroundColorByHexString('#181818');
-            // eslint-disable-next-line no-undef
             StatusBar.styleLightContent();
         }
         this.$nextTick(() => {