Merge

src/screens/home/header.js

@@ -39,7 +39,7 @@ const customHeader = (props) => {
           style={styles.input}
         />
       </View>
-    </SafeAreaView>
+    </View>
   );
 };
 

src/screens/home/view.js

@@ -9,18 +9,9 @@ import {
   TouchableWithoutFeedback,
   Keyboard,
   Image,
-  StatusBar, // FEATURE: Import StatusBar để control status bar
+  StatusBar,
   Platform,
-  SafeAreaView,  // FEATURE: Check platform iOS/Android
-} from "react-native";
-import HeaderCus from "../home/header";
-import R from "../../assets/R";
-import I18n from "../../helper/i18/i18n";
-import ItemGrid from "./item";
-import styles from "./style";
-import { useNavigation } from "@react-navigation/native";
-import * as SCREENNAME from "../../routers/ScreenNames";
-  Platform, // FEATURE: Check platform iOS/Android
+  SafeAreaView,
 } from 'react-native';
 import HeaderCus from '../home/header';
 import R from '../../assets/R';
@@ -120,28 +111,10 @@ const HomeView = props => {
   );
 
   return (
-
+    <SafeAreaView style={styles.container_body}>
+      <StatusBar barStyle="light-content" translucent={false} />
 
       <TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>
-    
-          <View style={styles.container_body}>
-                 
-            <ImageBackground
-              source={R.images.igBackgroundSlider}
-              style={[styles.background_header, {
-              }]}
-            >
-              <HeaderCus
-                pathLogo={R.images.igLogo}
-                width={75}
-                height={36}
-                textInput={R.colors.white}
-                backgroundInput={R.colors.backgroundInputSearch}
-                textLabel={I18n.t("Search")}
-                textColorLabel={R.colors.white}
-              />
-  const renderBody = () => {
-    return (
         <View style={[{flex: 1}]}>
           <View style={styles.container_body}>
             <ImageBackground
@@ -164,20 +137,6 @@ const HomeView = props => {
               showsVerticalScrollIndicator={false}
               style={styles.scroll}
               bounces={false}
-              overScrollMode="never" 
-            >
-              {renderMenuSection("Học tập", menuDataStudy)}
-              {renderMenuSection("Cá nhân", menuDataIndividual)}
-              {renderMenuSection("Dịch vụ trực tuyến", menuDataOnlineSer)}
-            </ScrollView>
-          </View>
-            {renderProfileCard()}
-          </ImageBackground>
-
-          <ScrollView
-            showsVerticalScrollIndicator={false}
-            style={styles.scroll}
-            bounces={false}
               overScrollMode="never">
               {renderMenuSection('Học tập', menuDataStudy)}
               {renderMenuSection('Cá nhân', menuDataIndividual)}
@@ -185,16 +144,8 @@ const HomeView = props => {
             </ScrollView>
           </View>
         </View>
-    );
-  };
-
-  return (
-    <SafeAreaView style={styles.container_body}>
-      <StatusBar barStyle="light-content" translucent={false} />
-
-      <TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>
-        {renderBody()}
       </TouchableWithoutFeedback>
+    </SafeAreaView>
   );
 };