components/AppHeader.tsx

@@ -1,6 +1,6 @@
 import Styles from '@/constants/Styles';
 import { useRouter } from 'expo-router';
-import { Text, View } from 'react-native';
+import { Platform, Text, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import ButtonBackHeader from './buttonBackHeader';
 
@@ -17,7 +17,7 @@ export default function AppHeader({ title, right, showBack = true, onPressLeft,
   const router = useRouter();
 
   return (
-    <View style={[Styles.headerContainer, { paddingTop: insets.top }]}>
+    <View style={[Styles.headerContainer, Platform.OS === 'ios' ? Styles.pb05 : Styles.pb13, { paddingTop: Platform.OS === 'ios' ? insets.top : 10 }]}>
       <View style={Styles.headerApp}>
         {showBack ? (
           <ButtonBackHeader onPress={onPressLeft} />

constants/Styles.ts

@@ -641,7 +641,6 @@ const Styles = StyleSheet.create({
       alignItems: 'center',
       justifyContent: 'space-between',
       paddingHorizontal: 16,
-      paddingVertical: 3
    },
    headerTitle: {
       color: '#fff',