From 63ecdd1f817fd09317695a4c07d411db7ab49bd6 Mon Sep 17 00:00:00 2001
From: Santo Cariotti <santo@dcariotti.me>
Date: Sun, 8 Sep 2024 10:55:09 +0200
Subject: Use SafeAreaView for header

---
 components/ParallaxScrollView.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

(limited to 'components/ParallaxScrollView.tsx')

diff --git a/components/ParallaxScrollView.tsx b/components/ParallaxScrollView.tsx
index 2d5e379..b90a75b 100644
--- a/components/ParallaxScrollView.tsx
+++ b/components/ParallaxScrollView.tsx
@@ -1,5 +1,5 @@
 import type { PropsWithChildren, } from 'react';
-import { StyleSheet, View, useColorScheme } from 'react-native';
+import { StyleSheet, SafeAreaView, useColorScheme } from 'react-native';
 
 import { ThemedView } from '@/components/ThemedView';
 import { ThemedText } from './ThemedText';
@@ -14,13 +14,11 @@ export default function ParallaxScrollView({
 
   return (
     <ThemedView style={styles.container}>
-      <View style={{
-        paddingTop: 50,
-        padding: 10, 
+      <SafeAreaView style={{
         backgroundColor: (theme === 'light' ? 'rgba(0, 0, 0, .5)' : 'rgba(100, 100, 100, .5)'),
       }}>
         <ThemedText type="title" style={{ color: 'white' }}>CAS4</ThemedText>
-      </View>
+      </SafeAreaView>
       <ThemedView style={styles.content}>{children}</ThemedView>
     </ThemedView>
   );
-- 
cgit v1.2.3-18-g5258

