Transparent status bar (#8)

* Set status bar to transparent

* Bump version code & name

* 1.4.4

android/app/build.gradle

@@ -138,8 +138,8 @@ android {
         applicationId "com.razinj.context_launcher"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 7
-        versionName "1.4.3"
+        versionCode 8
+        versionName "1.4.4"
         archivesBaseName = "context-launcher-v$versionName-$versionCode"
         buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString()
 

android/app/src/main/java/com/razinj/context_launcher/AppsModule.java

@@ -6,7 +6,6 @@
 import android.content.IntentFilter;
 import android.content.pm.PackageInfo;
 import android.net.Uri;
-import android.os.Build;
 import android.os.Bundle;
 import android.provider.Settings;
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "context_launcher",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "private": true,
   "scripts": {
     "android": "react-native run-android",

src/App.tsx

@@ -1,7 +1,7 @@
 // React
 import React, { useEffect } from 'react'
 // React Native
-import { StatusBar, useColorScheme } from 'react-native'
+import { StatusBar } from 'react-native'
 // Redux
 import { PersistGate } from 'redux-persist/integration/react'
 import { Provider } from 'react-redux'
@@ -18,12 +18,10 @@ import { persistor, store } from './store'
 import { GestureHandlerRootView } from 'react-native-gesture-handler'
 
 const App = () => {
-  const colorScheme = useColorScheme()
-
   useEffect(() => {
-    if (!colorScheme) StatusBar.setBarStyle('default', true)
-    else StatusBar.setBarStyle(colorScheme === 'dark' ? 'light-content' : 'dark-content', true)
-  }, [colorScheme])
+    StatusBar.setTranslucent(true)
+    StatusBar.setBackgroundColor('transparent', true)
+  }, [])
 
   return (
     <Provider store={store}>