fix safe area view styles

Author: fadi-george

examples/RNOneSignalTS/OSConsole.tsx

@@ -50,7 +50,7 @@ const styles = StyleSheet.create({
     backgroundColor: '#f8f9fa',
   },
   body: {
-    backgroundColor: 'grey',
+    backgroundColor: '#f8f9fa',
     flex: 1,
     flexGrow: 1,
     flexDirection: 'row',
@@ -65,11 +65,13 @@ const styles = StyleSheet.create({
     flex: 1,
     flexWrap: 'wrap',
     fontSize: 10,
+    color: '#000',
   },
   textAndroid: {
     flex: 1,
     flexWrap: 'wrap',
     fontSize: 10,
+    color: '#000',
   },
 });
 

examples/RNOneSignalTS/OSDemo.tsx

@@ -233,7 +233,7 @@ const OSDemo: React.FC = () => {
   }, []);
 
   return (
-    <SafeAreaView style={styles.container}>
+    <SafeAreaView style={styles.container} edges={['bottom', 'left', 'right']}>
       <View style={styles.header}>
         <Text style={styles.title}>OneSignal</Text>
         <OSConsole value={consoleValue} />
@@ -273,7 +273,8 @@ const styles = StyleSheet.create({
   title: {
     fontSize: 40,
     alignSelf: 'center',
-    paddingVertical: 10,
+    paddingTop: 4,
+    paddingBottom: 10,
   },
   clearButton: {
     position: 'absolute',