feat(edge-to-edge): support edge-to-edge Android layout

wouterds · Jul 4, 2023 · d892b2f · d892b2f
1 parent 874229c
commit d892b2f
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 15 deletions.
diff --git a/src/App/index.tsx b/src/App/index.tsx
@@ -4,7 +4,7 @@ import { withSafeAreaContext } from 'hocs';
 import ms from 'ms';
 import { Navigation } from 'navigation';
 import React, { useEffect, useState } from 'react';
-import { LogBox, StatusBar, View } from 'react-native';
+import { LogBox, View } from 'react-native';
 import Config from 'react-native-config';
 import Screen from 'screens';
 import { withStore } from 'store/withStore';
@@ -40,7 +40,6 @@ const App = () => {
             background: styles.container.backgroundColor,
           },
         }}>
-        <StatusBar barStyle="light-content" />
         <DebugInfo />
         {!isReady ? <Screen.Splash /> : <Navigation />}
       </NavigationContainer>

diff --git a/src/App/styles.ts b/src/App/styles.ts
@@ -3,6 +3,8 @@ import { StyleSheet } from 'react-native';
 const styles = StyleSheet.create({
   container: {
     flex: 1,
+    width: '100%',
+    height: '100%',
     backgroundColor: '#15181f',
   },
 });

diff --git a/src/screens/Splash/index.tsx b/src/screens/Splash/index.tsx
@@ -1,23 +1,20 @@
 import React, { memo } from 'react';
-import { ActivityIndicator, StatusBar, View } from 'react-native';
+import { ActivityIndicator, View } from 'react-native';
 import FastImage from 'react-native-fast-image';
 import { SafeAreaView } from 'react-native-safe-area-context';
 
 import styles from './styles';
 
 const SplashScreen = () => (
-  <>
-    <StatusBar barStyle="light-content" />
-    <View style={styles.container}>
-      <SafeAreaView style={styles.content}>
-        <FastImage
-          source={require('resources/images/logo.png')}
-          style={styles.logo}
-        />
-        <ActivityIndicator style={styles.loader} size="large" />
-      </SafeAreaView>
-    </View>
-  </>
+  <View style={styles.container}>
+    <SafeAreaView style={styles.content}>
+      <FastImage
+        source={require('resources/images/logo.png')}
+        style={styles.logo}
+      />
+      <ActivityIndicator style={styles.loader} size="large" />
+    </SafeAreaView>
+  </View>
 );
 
 export default memo(SplashScreen);