Splash screen background color,add safe padding

Seneca-CDOT · Feb 4, 2022 · 4302f9d · 4302f9d
1 parent 9e1c0d6
commit 4302f9d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/src/mobile/App.jsx b/src/mobile/App.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
-import { StatusBar } from 'expo-status-bar';
-import { StyleSheet, Text, View } from 'react-native';
+import { StyleSheet, Text } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 const styles = StyleSheet.create({
   container: {
@@ -13,9 +13,8 @@ const styles = StyleSheet.create({
 
 export default function App() {
   return (
-    <View style={styles.container}>
+    <SafeAreaView style={styles.container}>
       <Text>Telescope mobile app!</Text>
-      <StatusBar />
-    </View>
+    </SafeAreaView>
   );
 }
diff --git a/src/mobile/app.json b/src/mobile/app.json
@@ -8,7 +8,7 @@
     "splash": {
       "image": "./assets/splash.png",
       "resizeMode": "contain",
-      "backgroundColor": "#ffffff"
+      "backgroundColor": "#121d59"
     },
     "updates": {
       "fallbackToCacheTimeout": 0
@@ -20,7 +20,7 @@
     "android": {
       "adaptiveIcon": {
         "foregroundImage": "./assets/adaptive-icon.png",
-        "backgroundColor": "#FFFFFF"
+        "backgroundColor": "#121d59"
       }
     },
     "web": {

diff --git a/src/mobile/package.json b/src/mobile/package.json
@@ -15,7 +15,8 @@
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-native": "0.67.1",
-    "react-native-web": "0.17.5"
+    "react-native-web": "0.17.5",
+    "react-native-safe-area-context": "3.3.2"
   },
   "devDependencies": {
     "@babel/core": "7.16.12",