SUC: Bổ sung nghiệp vụ xử lý khi tìm kiếm không có title trên menu home

src/assets/images.js

@@ -9,7 +9,7 @@ const images = {
   icAccount: require('./images/icAccount.png'),
   bg_cannot_connect: require('./images/bg_cannot_connect.png'),
   icGallery: require('./images/icGallery.png'),
-
+  icNoData: require('./icon/icon_png/icon_no_data.png'),
   //HomeScreen
   icLichDay:require('./icon/lich_day.png'),
   icBaoBu: require('./icon/bao_bu.png'),

src/screens/home/style.js

@@ -136,6 +136,12 @@ const styles = StyleSheet.create({
       flex: 1,
       marginTop: 35,
     },
+    cardItemEmpty: {
+      flex: 1,
+      justifyContent: "center",
+      alignItems: "center",
+    },
+
     //Item
     menu_item: {
         alignItems: "center", 

src/screens/home/view.js

@@ -32,7 +32,7 @@ const HomeView = (props) => {
   const renderMenuItem = ({ item }) => {
     return <ItemGrid item={item} onPress={() => onMenuItemPress(item)} />;
   };
-  const cardItemInfo =()=>{
+  const cardItemInfo =()=>{ 
     return <View style={styles.profileCard}>
     <View style={styles.profile_left}>
       {/* Avatar */}
@@ -94,6 +94,7 @@ const HomeView = (props) => {
       keyExtractor={(item) => item.id.toString()}
       scrollEnabled={false}
       columnWrapperStyle={styles.row}
+      ListEmptyComponent={renderItemEmpty}
     />
   </View>
   }
@@ -107,6 +108,7 @@ const HomeView = (props) => {
       keyExtractor={(item) => item.id.toString()}
       scrollEnabled={false}
       columnWrapperStyle={styles.row}
+      ListEmptyComponent={renderItemEmpty}
     />
   </View>
   }
@@ -120,11 +122,23 @@ const HomeView = (props) => {
       keyExtractor={(item) => item.id.toString()}
       scrollEnabled={false}
       columnWrapperStyle={styles.row}
+      ListEmptyComponent={renderItemEmpty}
     />
   </View>
   }
 
-  
+  const renderItemEmpty =()=>{
+    return <View style={styles.cardItemEmpty}>
+      <Image
+      source={R.images.icNoData}
+      maxWidth={50}
+      maxHeight={50}
+      />
+    <Text style={[styles.menu_text,{color:R.colors.red}]}>Không có dữ liệu</Text>
+  </View>
+  }
+
+
   return (
     <TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>
       <SafeAreaView style={styles.safeArea}>