1

app/_layout.tsx

@@ -1,6 +1,7 @@
 import { Tabs } from 'expo-router';
 import { Ionicons } from '@expo/vector-icons';
 import { StatusBar } from 'expo-status-bar';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
 import { useEffect } from 'react';
 import { useAuthStore } from '../store/authStore';
 
@@ -12,7 +13,7 @@ export default function RootLayout() {
   }, []);
 
   return (
-    <>
+    <SafeAreaProvider>
       <StatusBar style="dark" />
       <Tabs
         screenOptions={{
@@ -36,6 +37,6 @@ export default function RootLayout() {
           options={{ href: null }}
         />
       </Tabs>
-    </>
+    </SafeAreaProvider>
   );
 }