update code

src/Screens/NewFeed/NewFeed.js

@@ -23,7 +23,7 @@ const NewFeed = (props) => {
             scrollEnabled: true,
             inactiveTintColor: '#929292',
             activeTintColor: '#1473E6',
-            labelStyle: {fontSize: getFontXD(36), fontWeight: '700'},
+            labelStyle: {fontSize: getFontXD(36)},
             style: {backgroundColor: 'white'},
           }}>
           <Tab.Screen

src/components/Header/HeaderBack.js

@@ -23,6 +23,7 @@ const HeaderHome = (props) => {
   const navigate = useNavigation();
   return (
     <ImageBackground
+      imageStyle={{resizeMode: 'stretch'}}
       style={[styles.img, isWhite ? {backgroundColor: 'white'} : {}]}
       source={R.images.bgHeader}>
       <StatusBar backgroundColor="transparent" translucent={true} />
@@ -32,7 +33,7 @@ const HeaderHome = (props) => {
         </TouchableOpacity>
 
         <Text style={styles.txtTitle}>{title}</Text>
-        <View />
+        <View style={styles.imgIcon} />
       </View>
     </ImageBackground>
   );

src/components/Header/HeaderDrawer.js

@@ -30,6 +30,7 @@ const HeaderDrawer = (props) => {
 
   return (
     <ImageBackground
+      imageStyle={{resizeMode: 'stretch'}}
       style={[styles.img, isWhite ? {backgroundColor: 'white'} : {}]}
       source={R.images.bgHeader}>
       <StatusBar backgroundColor="transparent" translucent={true} />
@@ -39,7 +40,7 @@ const HeaderDrawer = (props) => {
         </TouchableOpacity>
 
         <Text style={styles.txtTitle}>{title}</Text>
-        <View />
+        <View style={styles.imgIcon} />
       </View>
       <Modal
         animationIn={'fadeInLeft'}
@@ -83,7 +84,7 @@ const styles = StyleSheet.create({
     paddingTop: 30,
   },
   headerContainer: {
-    height: 55,
+    height: 40,
     paddingTop: 10,
     width: '100%',
     alignItems: 'center',

src/components/Header/HeaderNewFeed.js

@@ -28,7 +28,10 @@ const HeaderHome = (props) => {
   };
 
   return (
-    <ImageBackground style={styles.img} source={R.images.bgHeader}>
+    <ImageBackground
+      imageStyle={{resizeMode: 'stretch'}}
+      style={styles.img}
+      source={R.images.bgHeader}>
       <StatusBar backgroundColor="transparent" translucent={true} />
       <View style={styles.headerContainer}>
         <TouchableOpacity onPress={toggleModal}>
@@ -36,7 +39,7 @@ const HeaderHome = (props) => {
         </TouchableOpacity>
 
         <Text style={styles.txtTitle}>Tài khoản</Text>
-        <View />
+        <View style={styles.imgIcon} />
       </View>
       <Modal
         animationIn={'fadeInLeft'}
@@ -80,7 +83,7 @@ const styles = StyleSheet.create({
     paddingTop: 30,
   },
   headerContainer: {
-    height: 55,
+    height: 40,
     paddingTop: 10,
     width: '100%',
     alignItems: 'center',

src/components/Header/HeaderSB.js

@@ -35,6 +35,7 @@ const HeaderSearch = (props) => {
 
   return (
     <ImageBackground
+      imageStyle={{resizeMode: 'stretch'}}
       style={[styles.img, isWhite ? {backgroundColor: 'white'} : {}]}
       source={R.images.bgHeader}>
       <StatusBar backgroundColor="transparent" translucent={true} />
@@ -81,7 +82,7 @@ const styles = StyleSheet.create({
     paddingTop: 30,
   },
   headerContainer: {
-    height: 55,
+    height: 40,
     paddingTop: 10,
     width: '100%',
     alignItems: 'center',

src/components/Header/HeaderSearch.js

@@ -39,6 +39,7 @@ const HeaderSearch = (props) => {
 
   return (
     <ImageBackground
+      imageStyle={{resizeMode: 'stretch'}}
       style={[styles.img, isWhite ? {backgroundColor: 'white'} : {}]}
       source={R.images.bgHeader}>
       <StatusBar backgroundColor="transparent" translucent={true} />
@@ -105,7 +106,7 @@ const styles = StyleSheet.create({
     paddingTop: 30,
   },
   headerContainer: {
-    height: 55,
+    height: 40,
     paddingTop: 10,
     width: '100%',
     alignItems: 'center',