TODO: Đã hoàn thiện giao diện phần thông báo

src/screens/notification/style.js

@@ -17,7 +17,7 @@ const styles = StyleSheet.create({
       marginHorizontal: 3,
       borderRadius: 10,
       backgroundColor: R.colors.gray400,
-      minWidth: 86,
+      width: 90,
       alignItems: "center",
       justifyContent: "center",
     },
@@ -43,12 +43,11 @@ const styles = StyleSheet.create({
       shadowColor: R.colors.black,
       shadowOffset: {
         width: 0,
-        height: 1,
+        height: 2,
       },
-      shadowOpacity: 0.5,
+      shadowOpacity: Platform.OS === 'ios' ? 0.25 : 1,
       shadowRadius: 1,
-      elevation: 1,
-  
+      elevation: Platform.OS === 'ios' ? 1 : 2,
     },
     notification_content: {
       flex: 1,

src/screens/notification/view.js

@@ -4,13 +4,11 @@ import {
   View,
   TouchableOpacity,
   FlatList,
-  SafeAreaView,
 } from "react-native";
 import Header from "../../components/Header/Header";
 import ItemEmpty from "../../components/List/ItemEmpty";
 import I18n from "../../helper/i18/i18n";
 import styles from "./style";
-import R from "../../assets/R";
 import { useNavigation } from "@react-navigation/native";
 import { NEWSDETAILS } from "../../routers/ScreenNames";
 const NotificationView = (props) => {
@@ -74,6 +72,7 @@ const NotificationView = (props) => {
         <FlatList
           data={dataNotifi[activeTab] || []}
           showsVerticalScrollIndicator={false}
+          contentContainerStyle={{ paddingTop: 10 }}
           renderItem={renderNotificationItem}
           keyExtractor={(item, index) => `${activeTab}-${index}`}
           ListEmptyComponent={() => (