Android StatusBar transparency fix (#497)

Path-Check · Apr 13, 2020 · e531aac · e531aac
1 parent 7880d17
commit e531aac
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/app/constants/colors.js b/app/constants/colors.js
@@ -9,6 +9,7 @@ const colors = {
   PRIMARY_TEXT: '#000',
   GREEN: '#32A852',
   VIOLET: '#4051DB',
+  TRANSPARENT: 'transparent',
 
   // For notifications
   HIGHEST_RISK: '#e74c3c',

diff --git a/app/views/LocationTracking.js b/app/views/LocationTracking.js
@@ -30,7 +30,7 @@ import SettingsGear from './../assets/svgs/settingsGear';
 import StateAtRisk from './../assets/svgs/stateAtRisk';
 import StateNoContact from './../assets/svgs/stateNoContact';
 import StateUnknown from './../assets/svgs/stateUnknown';
-import { isPlatformiOS } from './../Util';
+import { isPlatformAndroid, isPlatformiOS } from './../Util';
 import ButtonWrapper from '../components/ButtonWrapper';
 import Colors from '../constants/colors';
 import fontFamily from '../constants/fonts';
@@ -73,6 +73,12 @@ class LocationTracking extends Component {
   constructor(props) {
     super(props);
 
+    if (isPlatformAndroid()) {
+      StatusBar.setBackgroundColor(Colors.TRANSPARENT);
+      StatusBar.setBarStyle('light-content');
+      StatusBar.setTranslucent(true);
+    }
+
     this.state = {
       appState: AppState.currentState,
       timer_intersect: null,