TODO: Test thử giao diện ios

src/components/Header/Header.js

@@ -19,6 +19,8 @@ const Header = props => {
   const IconBack = R.images.icBack;
   const IconSearch = R.images.icSearch;
   return (
+    <>
+    <SafeAreaView>
     <View style={styles.headerContainer}>
       {isSearch && (
         <TouchableOpacity
@@ -39,6 +41,8 @@ const Header = props => {
         </TouchableOpacity>
       )}
     </View>
+    </SafeAreaView>
+    </>
   );
 };
 

src/screens/certificate_registration/detail/view.js

@@ -13,7 +13,7 @@ import Header from "../../../components/Header/Header";
 
 const DetailCertificateView = (props) => {
   return (
-    <SafeAreaView style={{flex:1, backgroundColor: R.colors.white}}>
+    <View style={{flex:1,}}>
           <Header isBack={true} title={"Chứng chỉ toeic"} />
       <ScrollView showsVerticalScrollIndicator={false} style={styles.container}>
     
@@ -71,7 +71,7 @@ const DetailCertificateView = (props) => {
             </View>
           </View>
       </ScrollView>
-    </SafeAreaView>
+    </View>
   );
 };
 

src/screens/certificate_registration/list/view.js

@@ -17,7 +17,7 @@ const ListCetificateView = (props) => {
   const { } = props;
   const navigate = useNavigation();
   return (
-    <SafeAreaView style={{flex:1, backgroundColor: R.colors.white}}>
+    <View style={{flex:1, }}>
         <Header isBack={true} isSearch={true} title={"Danh sách chứng chỉ"}
      />
       <ScrollView style={styles.container}>
@@ -43,7 +43,7 @@ const ListCetificateView = (props) => {
           </View>
 
       </ScrollView>
-    </SafeAreaView>
+    </View>
   );
 };
 

src/screens/certificate_registration/view.js

@@ -18,7 +18,7 @@ import CustomTextInput from "../../components/Input/TextFieldCus";
 const CertificateRegistrationView = (props) => {
   const { titleHeader, dataList, isSelected, setSelection } = props;
   return (
-    <SafeAreaView style={{ flex: 1, backgroundColor: R.colors.white }}>
+    <View style={{ flex: 1, }}>
       <Header isBack title={I18n.t(titleHeader)} />
       <ScrollView
         showsVerticalScrollIndicator={false}
@@ -170,7 +170,7 @@ const CertificateRegistrationView = (props) => {
           />
         </View>
       </ScrollView>
-    </SafeAreaView>
+    </View>
   );
 };
 

src/screens/class_schedule/view.js

@@ -241,6 +241,7 @@ const ClassScheduleView = ({
   };
 
   return (
+    
     <SafeAreaView style={styles.container}>
       <ScrollView showsVerticalScrollIndicator={false}>
         {renderHeader()}

src/screens/debt/view.js

@@ -42,7 +42,7 @@ const DebtView = (props) => {
   );
 
   return (
-    <SafeAreaView style={styles.container}>
+    <View style={styles.container}>
       <Header isBack title={I18n.t("Debt")} />
 
       <View style={styles.tab_container}>
@@ -73,7 +73,7 @@ const DebtView = (props) => {
         showsVerticalScrollIndicator={false}
         keyExtractor={(item) => item.id.toString()}
       />
-    </SafeAreaView>
+    </View>
   );
 };
 

src/screens/exam_schedule/view.js

@@ -16,7 +16,7 @@ const ExamScheduleView = (props) => {
     );
   };
   return (
-    <SafeAreaView style={styles.container}>
+    <View style={styles.container}>
       <Header isBack title={I18n.t("ExamSchedule")} />
     <View style={styles.container}>
       
@@ -30,7 +30,7 @@ const ExamScheduleView = (props) => {
         />
       </View>
     </View>
-    </SafeAreaView>
+    </View>
   );
 };
 

src/screens/medical/view.js

@@ -15,7 +15,7 @@ import CustomTextInput from "../../components/Input/TextFieldCus";
 
 const MedicalView = (props) => {
   return (
-    <SafeAreaView style={[styles.container, { backgroundColor: R.colors.white, paddingHorizontal: 0, paddingTop: 0 }]}>
+    <View style={[styles.container, { paddingHorizontal: 0, paddingTop: 0 }]}>
       <Header title={"Thông tin y tế"} isBack />
       <ScrollView showsVerticalScrollIndicator={false} style={{ paddingHorizontal: 15 }}>
         <Text style={styles.title_header}>Thông tin bảo hiểm y tế</Text>
@@ -85,7 +85,7 @@ const MedicalView = (props) => {
           marginVertical={0}
         />
       </ScrollView>
-    </SafeAreaView>
+    </View>
   );
 };
 

src/screens/news_details/view.js

@@ -6,7 +6,7 @@ import R from "../../assets/R";
 const NewDetails = (props) => {
   const { titleNewsDetail } = props;
   return (
-    <SafeAreaView style={styles.container}>
+    <View style={styles.container}>
       <Header isBack title={titleNewsDetail.title} />
 
     <View
@@ -16,7 +16,7 @@ const NewDetails = (props) => {
         {titleNewsDetail.content}
       </Text>
     </View>
-    </SafeAreaView>
+    </View>
   );
 };
 

src/screens/notification/view.js

@@ -52,7 +52,7 @@ const NotificationView = (props) => {
     </TouchableOpacity>
   );
   return (
-    <SafeAreaView style={styles.container}>
+    <View style={styles.container}>
       <Header
         title={I18n.t("Notification")}
         />
@@ -83,7 +83,7 @@ const NotificationView = (props) => {
           )}
         />
       </View>
-      </SafeAreaView>
+      </View>
       );
 };
 

src/screens/outpatient_information/view.js

@@ -24,7 +24,7 @@ const OutpatientInfomationView = (props) => {
   const keyExtractor = (item, index) => `history-item-${index}`;
 
   return (
-    <SafeAreaView style={styles.container}>
+    <View style={styles.container}>
        <Header title={"Thông tin ngoại trú"} isBack />
     <View style={styles.container}>
       <View style={styles.container}>
@@ -75,7 +75,7 @@ const OutpatientInfomationView = (props) => {
         onSubmit={onSubmitRegistration}
       />
     </View>
-    </SafeAreaView>
+    </View>
   );
 };
 

src/screens/profile/view.js

@@ -18,7 +18,7 @@ const ProfileView = (props) => {
   const { phone, setPhone, cmnd, setCmnd, bank, setBank } = props;
   const IconCamera = R.images.icCamera;
   return (
-     <View style={{ flex: 1}}>
+     <View style={{ flex: 1, }}>
         <Header title={"Hồ sơ cá nhân"} isBack />
           <ScrollView showsVerticalScrollIndicator={false} style={{ flex: 1 }}>
         <View style={styles.container}>

src/screens/roll_call/view.js

@@ -16,7 +16,7 @@ const RollCallView = (props) => {
     return <ItemList item={item} />;
   };
   return (
-    <SafeAreaView style={styles.container}>
+    <View style={styles.container}>
       <Header isBack title={I18n.t("RollCall")} />
       <View style={styles.container}>
 
@@ -32,7 +32,7 @@ const RollCallView = (props) => {
         </View>
 
       </View>
-    </SafeAreaView>
+    </View>
   );
 };
 

src/screens/training_point/view.js

@@ -21,7 +21,7 @@ const TrainingPointView = (props) => {
   const { dataTitle, dataListInfo } = props;
   const columnFlex = [1, 2, 2, 2, 2, 1];
   return (
-    <SafeAreaView style={styles.container}>
+    <View style={styles.container}>
       <Header isBack title={I18n.t("TrainingPoint")} />
       <ScrollView 
         showsVerticalScrollIndicator={false}
@@ -62,7 +62,7 @@ const TrainingPointView = (props) => {
           </View>
         </View> 
       </ScrollView>
-    </SafeAreaView>
+    </View>
   );
 };
 

src/screens/training_program/view.js

@@ -21,7 +21,7 @@ const TrainingProgramView = (props) => {
     );
   };
   return (
-    <SafeAreaView style={styles.container}>
+    <View style={styles.container}>
          <Header isBack title={"Chương trình đào tạo"} />
     <View style={styles.container}>
    
@@ -37,7 +37,7 @@ const TrainingProgramView = (props) => {
         />
       </View>
     </View>
-    </SafeAreaView>
+    </View>
   );
 };