From 27f16f3c38466ce73d2e007a3e89c4c738883f91 Mon Sep 17 00:00:00 2001
From: Mekan1206 <myradow207@gmail.com>
Date: Thu, 11 Sep 2025 12:45:47 +0500
Subject: [PATCH] Refactor MenuScreen to use useSafeAreaInsets for dynamic
 padding, replacing SafeAreaView with View for improved layout handling.

---
 src/screens/Main/MenuScreen.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/screens/Main/MenuScreen.js b/src/screens/Main/MenuScreen.js
index d73780a..350966f 100644
--- a/src/screens/Main/MenuScreen.js
+++ b/src/screens/Main/MenuScreen.js
@@ -4,16 +4,17 @@ import {
   View,
   Text,
   StyleSheet,
-  SafeAreaView,
   ScrollView,
   TouchableOpacity,
 } from 'react-native';
 import { StatusBar } from 'expo-status-bar';
 import { Ionicons } from '@expo/vector-icons';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { COLORS } from '../../constants/colors';
 
 const MenuScreen = () => {
   const navigation = useNavigation();
+  const insets = useSafeAreaInsets();
 
   const menuSections = [
     {
@@ -66,7 +67,7 @@ const MenuScreen = () => {
   };
 
   return (
-    <SafeAreaView style={styles.container}>
+    <View style={[styles.container, { paddingTop: insets.top }]}>
       <StatusBar style="dark" />
       
       <View style={styles.header}>
@@ -105,7 +106,7 @@ const MenuScreen = () => {
         
         <View style={styles.bottomSpacing} />
       </ScrollView>
-    </SafeAreaView>
+    </View>
   );
 };