TODO: Đã fix thành công header home

src/screens/home/header.js

-import { Image, StyleSheet, TextInput, View } from "react-native";
+import { Image, SafeAreaView, StatusBar, StyleSheet, TextInput, View } from "react-native";
 import React from "react";
 import R from "../../assets/R";
 const customHeader = (props) => {
@@ -14,7 +14,11 @@ const customHeader = (props) => {
   const SearchIcon = R.images.icSearch;
   return (
 
-    <View style={styles.container}>
+    <SafeAreaView style={styles.container}>
+       <StatusBar
+        barStyle="light-content" 
+        translucent={false}
+      />
       <Image
         source={pathLogo}
         style={{ width: width, height: height }}
@@ -39,7 +43,7 @@ const customHeader = (props) => {
           style={styles.input}
         />
       </View>
-    </View>
+    </SafeAreaView>
   );
 };
 
@@ -49,7 +53,6 @@ const styles = StyleSheet.create({
   container: {
     flexDirection: "row",
     marginHorizontal: 15,
-    maxHeight: 40,
   },
   size_box:{
     width: '20%',
@@ -65,6 +68,7 @@ const styles = StyleSheet.create({
     borderColor: R.colors.gray280,
     borderRadius: 100,
     borderWidth: 1,
+    maxHeight:40,
     paddingHorizontal: 14,
     paddingVertical: 5
   },

src/screens/home/view.js

@@ -8,10 +8,10 @@ import {
   ScrollView,
   TouchableWithoutFeedback,
   Keyboard,
-  SafeAreaView,
   Image,
   StatusBar, // FEATURE: Import StatusBar để control status bar
-  Platform,  // FEATURE: Check platform iOS/Android
+  Platform,
+  SafeAreaView,  // FEATURE: Check platform iOS/Android
 } from "react-native";
 import HeaderCus from "../home/header";
 import R from "../../assets/R";
@@ -111,17 +111,12 @@ const HomeView = (props) => {
   );
 
   return (
-    <SafeAreaView style={styles.container_body}>
-      <StatusBar
-        barStyle="light-content" 
-        translucent={false}
-      />
-      
+
+    
       <TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>
-        <View style={[
-          { flex: 1 },
-        ]}>
+    
           <View style={styles.container_body}>
+                 
             <ImageBackground
               source={R.images.igBackgroundSlider}
               style={[styles.background_header, {
@@ -151,9 +146,7 @@ const HomeView = (props) => {
               {renderMenuSection("Dịch vụ trực tuyến", menuDataOnlineSer)}
             </ScrollView>
           </View>
-        </View>
       </TouchableWithoutFeedback>
-    </SafeAreaView>
   );
 };