TODO: Đã hoàn thiện giao diện android

src/screens/notification/style.js

@@ -12,7 +12,7 @@ const styles = StyleSheet.create({
         minWidth:Platform.OS === 'ios' ? 70 : 80,
         backgroundColor:R.colors.grayButton,
         borderRadius:10,
-        marginHorizontal:Platform.OS === 'ios' ? 10 : 5,
+        marginRight:Platform.OS === 'ios' ? 10 : 15,
         alignItems:'center',
         justifyContent:'center',
     },
@@ -24,8 +24,8 @@ const styles = StyleSheet.create({
         flexDirection:'row',
         alignItems:'center',
         justifyContent:'center',
-        marginVertical:2,
         marginHorizontal:15,
+        marginVertical:15,
     },
     textTabView:{
         color:R.colors.white,
@@ -42,8 +42,8 @@ const styles = StyleSheet.create({
         borderColor:R.colors.grayBorderInputTextHeader,
         borderWidth:1,
         borderRadius:100,
-        marginVertical:10,
         marginHorizontal:15,
+        marginBottom:15,
         backgroundColor:R.colors.white,
         flexDirection:'row',
         maxHeight:41,
@@ -55,7 +55,7 @@ const styles = StyleSheet.create({
         maxHeight:35,
         alignItems:'center',
         justifyContent:'center',
-        marginHorizontal:5,
+        marginHorizontal:Platform.OS === 'ios' ? 5 : 10,
     },
     inputSearch:{
         fontSize:R.sizes.sm,
@@ -67,18 +67,17 @@ const styles = StyleSheet.create({
     containerListNotification:{
     },
     cardItem:{
-        paddingVertical:10,
         paddingHorizontal:15,
         borderColor:R.colors.grayBorderInputTextHeader,
         borderRadius:10,
-        marginVertical:10,
         backgroundColor:R.colors.white,
         shadowColor:R.colors.black,
         marginHorizontal:15,
         shadowOffset:{width:0.5,height:2},
-        shadowOpacity:0.25,
+        shadowOpacity:Platform.OS === 'ios' ? 0.25 : 1,
         shadowRadius:5,
-        elevation:1,
+        elevation:Platform.OS === 'ios' ?  1 : 5,
+        marginBottom:15,
     },
     cardItemTution:{
         flexDirection:'row',
@@ -117,6 +116,21 @@ const styles = StyleSheet.create({
     boxTimeView:{
         alignItems:'flex-end',
     },
-    
+    btnFooter:{
+        backgroundColor:R.colors.blue,
+        paddingVertical:10,
+        paddingHorizontal:20,
+        borderRadius:10,
+        alignItems:'center',
+        justifyContent:'center',
+        marginHorizontal:15,
+        marginBottom:10,
+    },
+    textBtnFooter:{
+        color:R.colors.white,
+        fontSize:R.sizes.sm,
+        fontWeight:'500',
+        fontFamily:R.fonts.fontMedium,
+    },
 })
 export default styles;
\ No newline at end of file

src/screens/notification/view.js

@@ -98,8 +98,6 @@ const NotificationView = props => {
         <View style={styles.boxTimeView}>
         <Text style={styles.text} numberOfLines={1} ellipsizeMode="tail">{item.time}</Text>
         </View>
-     
-
       </View>
     );
   };
@@ -171,6 +169,11 @@ const NotificationView = props => {
       
       {dataNotifi[activeTab].length === 0 ? renderItemEmpty(): renderListNotification()}
       </View>
+      <View style={styles.containerFooter}>
+        <TouchableOpacity style={styles.btnFooter} onPress={() => navigate.navigate(SCREENNAME.PROFILE)}>
+          <Text style={styles.textBtnFooter}>Tạo thông báo mới</Text>
+        </TouchableOpacity>
+      </View>
     </View>
   );
 };