TODO: tách component BodySection từ renderBody và bỏ qua cảnh báo Reanimated "Reduced motion"

- Tách phần thân HomeView thành component BodySection để dễ tái sử dụng/đọc code
- Sửa lỗi single-child cho TouchableWithoutFeedback (renderBody() làm 1 element)
- Thêm LogBox.ignoreLogs để ẩn cảnh báo "[Reanimated] Reduced motion setting is enabled"

src/screens/class_schedule/view.js

@@ -3,18 +3,19 @@ import {
   Text,
   View,
   TouchableOpacity,
-  StyleSheet,
   ScrollView,
-  Dimensions,
   Modal,
   Animated,
-  SafeAreaView,
+  LogBox
 } from 'react-native';
 import R from '../../assets/R';
-import {styles, CELL_WIDTH, BOTTOM_SHEET_HEIGHT} from './style';
+import {styles} from './style';
 import {useNavigation} from '@react-navigation/native';
 import * as SCREENNAME from '../../routers/ScreenNames';
 
+LogBox.ignoreLogs([
+  '[Reanimated] Reduced motion setting is enabled', 
+]);
 const ClassScheduleView = ({
   currentDate,
   selectedDate,
@@ -102,7 +103,8 @@ const ClassScheduleView = ({
           !isInCurrentMonth && {backgroundColor: R.colors.gray},
         ]}
         onPress={() => handleDatePress(date)}
-        activeOpacity={0.7}>
+        activeOpacity={0.7}
+        >
         <Text
           style={[
             styles.dayText,

src/screens/home/view.js

@@ -149,27 +149,33 @@ const HomeView = ({
     );
   };
 
+  const renderBody = () => {
+    return (
+      <View style={styles.container_body}>
+        <ImageBackground
+          source={R.images.igBackground}
+          style={styles.background_header}>
+          <HeaderCus value={searchText} onChangeText={onSearchChange} />
+          {cardItemInfo()}
+        </ImageBackground>
+
+        <ScrollView
+          showsVerticalScrollIndicator={false}
+          style={styles.scroll}
+          bounces={false}
+          overScrollMode="never">
+          {renderMenuActivity()}
+          {renderMenuStatistics()}
+          {renderMenuNotification()}
+        </ScrollView>
+      </View>
+    );
+  };
+
   return (
     <View style={styles.safeArea}>
       <TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>
-        <View style={styles.container_body}>
-          <ImageBackground
-            source={R.images.igBackground}
-            style={styles.background_header}>
-            <HeaderCus value={searchText} onChangeText={onSearchChange} />
-            {cardItemInfo()}
-          </ImageBackground>
-
-          <ScrollView
-            showsVerticalScrollIndicator={false}
-            style={styles.scroll}
-            bounces={false}
-            overScrollMode="never">
-            {renderMenuActivity()}
-            {renderMenuStatistics()}
-            {renderMenuNotification()}
-          </ScrollView>
-        </View>
+        {renderBody()}
       </TouchableWithoutFeedback>
     </View>
   );